feat: more fun colours in dark mode

ripixel · Dec 27, 2022 · 5199f53 · 5199f53
1 parent 4c2c1c0
commit 5199f53
Showing 1 changed file with 29 additions and 1 deletion.
diff --git a/assets/styles/styles_dark.css b/assets/styles/styles_dark.css
@@ -41,6 +41,14 @@
   background: rgb(32, 0, 29);
 }
 
+.dark .coding h2, .dark .coding h3, .dark .coding h4, .dark .coding h5 {
+  color: rgb(136, 1, 124);
+}
+
+.dark .coding section.area {
+  border-left-color: rgb(136, 1, 124);
+}
+
 .dark nav.coding a.coding {
   border-left: 2px solid #fff;
 }
@@ -49,6 +57,14 @@
   background: rgb(0, 31, 23);
 }
 
+.dark .thoughts h2, .dark .thoughts h3, .dark .thoughts h4, .dark .thoughts h5, .dark .thoughts .header-details h1 {
+  color: rgb(0, 129, 97);
+}
+
+.dark .thoughts section.area {
+  border-left-color: rgb(0, 129, 97);
+}
+
 .dark nav.thoughts a.thoughts {
   border-left: 2px solid #fff;
 }
@@ -57,6 +73,14 @@
   background: rgb(6, 15, 41);
 }
 
+.dark .profile h2, .dark .profile h3, .dark .profile h4, .dark .profile h5 {
+  color: rgb(22, 61, 168);
+}
+
+.dark .profile section.area {
+  border-left-color: rgb(22, 61, 168);
+}
+
 .dark nav.profile a.profile {
   border-left: 2px solid #fff;
 }
@@ -90,6 +114,10 @@
   background: rgba(0, 0, 0, 0.2);
 }
 
+.dark .details .item h4 {
+  color: #ddd;
+}
+
 .dark main.changelog {
   background: #000;
   color: #fff;
@@ -190,7 +218,7 @@
 }
 
 .dark .article .header-details {
-  border-left: 5px solid #fff;
+  border-left: 5px solid rgb(0, 129, 97);
 }
 
 .dark .tag {