From 8cc0a89bd9240084b0e95d5cdc67220932828ebf Mon Sep 17 00:00:00 2001
From: zoe <zoe@cat.fritz.box>
Date: Wed, 13 Apr 2022 19:43:52 +0200
Subject: [PATCH] fix lightmode button being weird

---
 assets/scss/colors.scss | 24 +++++++++++++++++++-----
 assets/scss/layout.scss |  3 ++-
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss
index bd10c0d..439975f 100644
--- a/assets/scss/colors.scss
+++ b/assets/scss/colors.scss
@@ -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;
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index a65f6aa..237bfbe 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -25,7 +25,8 @@ footer {
 #content ul,
 #content ol,
 #content table,
-.postdescription
+.postdescription,
+hr
 {
   margin-right: 24%;
   margin-left: 24%;