[styles] Reworked overall code structure and layout

1 files changed, 17 insertions, 16 deletions

diff --git a/src/darkmode.css b/src/darkmode.css
index e91818c..fd995a5 100644
--- a/src/darkmode.css
+++ b/src/darkmode.css
@@ -1,31 +1,32 @@
 :root {
-  --body-bg: #000000;
-  --fg-color: #ffeede;
   --bg-color: #262626;
-  --fg-selection-color: #001121;
+  --fg-color: #ffeede;
+
+  --a-color: #cd81a7;
+  --a-hover-color: #eeaacd;
+  --accent-line-color: #d47408;
+  --alternating-row-color: #353535;
   --bg-selection-color: #81949f;
-  --border-color: #777;
   --blockquote-color: #919191;
   --blockquote-border-color: #919191;
-  --header-color: #d49408;
-  --accent-line-color: #d47408;
-  --strong-color: #c35b5b;
-  --a-color: #cd81a7;
-  --a-hover-color: #eeaacd;
+  --body-bg: #000000;
+  --border-color: #777;
   --code-bg-color: #414141;
-  --pre-bg-color: #414141;
   --em-color: #e17b08;
+  --fg-selection-color: #001121;
+  --header-color: #d49408;
+  --pre-bg-color: #414141;
+  --strong-color: #c35b5b;
   --table-border-color: #777;
   --tr-bg-color: #262626;
-  --alternating-row-color: #353535;
 }
 
   /* This selects the link images, next to headings */
 h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img, .icon, .file-icon, .file-wrapper > summary {
-  /* Refer to styles.css on why this is necessary */
-  filter: none; 
-}
+    /* Refer to styles.css on why this is necessary */
+    filter: none; 
+  }
 
 #scrollBtn {
-  background-color: var(--bg-color);
-}
+    background-color: var(--bg-color);
+  }