Botched in a dark mode (gruvbox inspired)

1 files changed, 53 insertions, 2 deletions

diff --git a/src/styles.css b/src/styles.css
index d5e7ac2..89caa89 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,3 +1,54 @@
+/* Dark mode start */
+
+:root {
+  --link-tab-bg-color: #464646 !important;
+  --link-tab-bg-hover-color: #d47408 !important;
+}
+
+* {
+  color: #ffeede !important;
+  border-color: #777 !important;
+  background-color: #262626;
+}
+
+blockquote * {
+  color: #777 !important;
+}
+
+h1, h2, h3, h4, h5, h6, b {
+  color: #d49408 !important;
+}
+
+strong {
+  color: #c35b5b !important;
+}
+
+body > :not(nav) a, a strong {
+  color: #b47494 !important;
+}
+
+body > :not(nav) a:hover, a strong:hover {
+  color: #da8db3 !important;
+}
+
+pre, code {
+  background-color: #464646 !important;
+}
+
+i, em {
+  color: #999908 !important;
+}
+
+table * {
+  background-color: inherit !important;
+}
+
+article > table tr:nth-child(2n) {
+  background-color: #373737 !important;
+}
+
+/* Dark mode end */
+
 :root {
   --link-tab-bg-color: #303030;
   --link-tab-bg-hover-color: #004080;
@@ -74,12 +125,12 @@ article {
 
 .header {
   font-size: 23px;
-  border-bottom: 5px solid var(--link-tab-bg-color);
+  border-bottom: 5px solid var(--link-tab-bg-color) !important;
   padding-bottom: 3px;
 }
 
 .footer {
-  border-top: 5px solid var(--link-tab-bg-color);
+  border-top: 5px solid var(--link-tab-bg-color) !important;
   padding-top: 3px;
 }