zoe/hugo-battheme
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-battheme.git synced 2024-08-15 03:25:18 +00:00
Code Issues Projects Releases Wiki Activity

color switching is working i am so happy

Browse source
This commit is contained in:
zoe 2022-04-09 23:45:40 +02:00
parent 873317081b
commit ff99214248
4 changed files with 67 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

60
assets/scss/colors.scss
View file

@ -1,26 +1,54 @@
$light-bg: #ffe7d6;
$light-fg: #73464c;
$light-bg:#515262;
$light-bg-alt: #caa05a;
$light-fg: #c9cca1;
$light-ln: #ab5675;
$light-active: #72dcbb;
$light-active: #72dcbb;
$dark-bg: black;
$dark-fg: white;
$dark-ln: blue;
$dark-active: green;
$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-bg;
}
&.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{
a.footer-nav-item.active {
&.light {
color: $light-active;
}
color: $dark-active;
}
footer, footer a{
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;
}