55 lines
865 B
SCSS
55 lines
865 B
SCSS
$light-bg:#515262;
|
|
$light-bg-alt: #caa05a;
|
|
$light-fg: #c9cca1;
|
|
$light-ln: #ab5675;
|
|
$light-active: #72dcbb;
|
|
|
|
$dark-bg: #292831;
|
|
$dark-bg-alt: #333f58;
|
|
$dark-fg: #fbbbad;
|
|
$dark-ln: #ee8695;
|
|
$dark-active: #4a7a96;
|
|
|
|
body {
|
|
&.light {
|
|
background-color: $light-bg;
|
|
color: $light-fg;
|
|
}
|
|
background-color: $dark-bg;
|
|
color: $dark-fg;
|
|
}
|
|
|
|
a {
|
|
&.light {
|
|
background-color: $light-ln;
|
|
color: $light-bg;
|
|
}
|
|
background-color: $dark-ln;
|
|
color: $dark-bg;
|
|
}
|
|
|
|
a.footer-nav-item.active {
|
|
&.light {
|
|
color: $light-active;
|
|
}
|
|
color: $dark-active;
|
|
}
|
|
|
|
footer {
|
|
&.light {
|
|
background-color: $light-bg-alt;
|
|
color: $light-bg;
|
|
}
|
|
background-color: $dark-bg-alt;
|
|
color: $dark-bg;
|
|
}
|
|
|
|
footer a {
|
|
&.light{
|
|
color: $light-bg;
|
|
background-color: $light-bg-alt;
|
|
}
|
|
color: $dark-bg;
|
|
background-color: $dark-bg-alt;
|
|
}
|