Moved most coloring in light and dark theme to root variables

1 files changed, 19 insertions, 68 deletions

diff --git a/src/darkmode.css b/src/darkmode.css
index e1b0a72..8e6583a 100644
--- a/src/darkmode.css
+++ b/src/darkmode.css
@@ -1,41 +1,25 @@
 :root {
+  --fg-color: #ffeede;
+  --bg-color: #262626;
+  --fg-selection-color: #001121;
+  --bg-selection-color: #81949f;
+  --border-color: #777;
+  --blockquote-color: #919191;
+  --blockquote-border-color: #919191;
+  --header-color: #d49408;
+  --link-tab-fg-color: #ffeede;
   --link-tab-bg-color: #464646;
   --link-tab-bg-hover-color: #d47408;
-  --bold-color: #d49408;
-}
-
-
-::-moz-selection {
-  color: #001121;
-  background: #81949f;
-}
-
-::selection {
-  color: #001121;
-  background: #81949f;
-}
-
-*,
-hr,
-article > table tr,
-article > table td,
-article > table th {
-  color: #ffeede;
-  border-color: #777;
-  background-color: #262626;
-}
-
-blockquote {
-  border-color: #919191;
-}
-
-blockquote * {
-  color: #919191;
-}
-
-h1, h2, h3, h4, h5, h6, b {
-  color: var(--bold-color);
-  border-color: #777;
+  --strong-color: #c35b5b;
+  --a-color: #b47494;
+  --a-hover-color: #da8db3;
+  --code-bg-color: #414141;
+  --pre-bg-color: #414141;
+  --em-color: #999908;
+  --td-border-color: #777;
+  --tr-bg-color: #262626;
+  --tr-border-color: #777;
+  --alternating-row-color: #323232;
 }
 
   /* This selects the link images, next to headings */
@@ -43,36 +27,3 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .about-p img {
   /* Refer to styles.css on why this is necessary */
   filter: none; 
 }
-
-strong {
-  color: #c35b5b;
-}
-
-body > :not(nav) a, a strong {
-  color: #b47494;
-  border-bottom: 1px dashed;
-}
-
-body > :not(nav) a:hover, a strong:hover {
-  color: #da8db3;
-}
-
-pre, code {
-  background-color: #414141 !important;
-}
-
-i, em {
-  color: #999908;
-}
-
-table * {
-  background-color: inherit;
-}
-
-article > table tr:nth-child(2n) td {
-  background-color: #323232;
-}
-
-.link-tab {
-  color: #ffeede;
-}