fix lightmode button being weird

This commit is contained in:
zoe 2022-04-13 19:43:52 +02:00
parent 006d56f862
commit 8cc0a89bd9
2 changed files with 21 additions and 6 deletions

View file

@ -9,7 +9,7 @@ $light-accent3: #27234c;
$dark-bg: #27234c; $dark-bg: #27234c;
$dark-bg-alt: #f2504b; $dark-bg-alt: #f2504b;
$dark-fg: #e88dc3; $dark-fg: #e88dc3;
$dark-ln: #f2504b; $dark-ln: #d3d37c;
$dark-accent1: #b296ff; $dark-accent1: #b296ff;
$dark-accent2: #39b8a3; $dark-accent2: #39b8a3;
$dark-accent3: #dde4ff; $dark-accent3: #dde4ff;
@ -17,6 +17,10 @@ $dark-accent3: #dde4ff;
$transition-time: 2s; $transition-time: 2s;
$trans-short: 0.2s; $trans-short: 0.2s;
* {
transition: $transition-time;
}
body { body {
&.light { &.light {
background-color: $light-bg; background-color: $light-bg;
@ -114,8 +118,7 @@ article {
transition: $transition-time; transition: $transition-time;
} }
h2, h2 {
h2 a {
background-color: $dark-accent1; background-color: $dark-accent1;
color: $dark-bg; color: $dark-bg;
transition: $transition-time; transition: $transition-time;
@ -123,13 +126,24 @@ h2 a {
color: $light-bg; color: $light-bg;
} }
} }
h3,
h3 a { h2 a {
color: $dark-bg;
}
h3 {
background-color: $dark-accent2; background-color: $dark-accent2;
color: $dark-bg; color: $dark-bg;
transition: $transition-time; transition: $transition-time;
} }
h3 a {
color: $dark-bg;
&:hover {
background-color: transparent;
}
}
h3.light { h3.light {
background-color: $light-accent2; background-color: $light-accent2;
color: $light-bg; color: $light-bg;

View file

@ -25,7 +25,8 @@ footer {
#content ul, #content ul,
#content ol, #content ol,
#content table, #content table,
.postdescription .postdescription,
hr
{ {
margin-right: 24%; margin-right: 24%;
margin-left: 24%; margin-left: 24%;