assets/css/main.scss

@@ -16,11 +16,11 @@ $c-bg-inv: #333;
 $c-bg-main: #fff;
 $c-bg-main-inv: #222;
 $c-primary: #4d3c9b;
+$c-primary-inv: #755bf0;
 $c-bg-category: #4d3c9b;
-$c-primary-inv: #ad9bff;
 $c-bg-category-inv: #755bf0;
 $c-bg-tag: #8171c8;
-$c-bg-tag-inv: #a49ccc;
+$c-bg-tag-inv: #4d3c9b;
 $c-font: #333;
 $c-font-inv: #fafafa;
 $c-btn-font: $c-font;
@@ -174,23 +174,9 @@ body > header {
     @media (prefers-color-scheme: dark) {
         background: $c-bg-inv;
 
-        a {
-	    color: $c-primary-inv;
-        }
-
         #title {
             color: $c-font-inv;
         }
-
-        nav {
-            a {
-                &:hover {
-                    &:after {
-                        background: $c-primary-inv;
-                    }
-                }
-            }
-        }
     }
 }
 
@@ -257,8 +243,7 @@ main {
 	margin: 0;
 
 	img {
-	    width: 100%;
+	    width: 100%
-            border-radius: 20px;
 	}
     }
 
@@ -284,7 +269,7 @@ main {
     }
 
     .btn {
-	border: 1px solid $c-primary;
+	border: 1px solid $c-btn-bg;
 	padding: 8px 12px;
 	border-radius: 20px;
 	line-height: 3;
@@ -300,14 +285,10 @@ main {
 	        box-shadow: $c-btn-shadow-inv 1px 2px 6px;
 	    }
         }
-
-        @media (prefers-color-scheme: dark) {
-            border-color: $c-primary-inv;
-        }
     }
 
     .highlight > pre {
-	border-radius: 20px;
+	border-radius: 2px;
 	overflow-y: auto;
 	padding: 20px;
     }
@@ -360,11 +341,6 @@ main {
     #tags > a {
         color: $c-bg-tag;
         border: 1px solid $c-bg-tag;
-
-        @media (prefers-color-scheme: dark) {
-            color: $c-bg-tag-inv;
-            border-color: $c-bg-tag-inv;
-        }
     }
 
     #categories > a {