fix lightmode button being weird

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;

assets/scss/layout.scss

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