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

View file

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