added dark theme

TuringLang · Aug 22, 2024 · 513f40f · 513f40f
1 parent b4949a7
commit 513f40f
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 0 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -142,6 +142,7 @@ format:
   html:
     theme:
       light: cosmo
+      dark: [solar, theming/theme-dark.scss]
     css: theming/styles.css
     toc: true
     smooth-scroll: true

diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss
@@ -0,0 +1,47 @@
+/*-- scss:defaults --*/
+
+$navbar-bg: #192222;
+$navbar-fg: #1bb3ac;
+$footer-bg: #192222;
+$footer-fg: #1bb3ac;
+$body-color: #fff;
+$body-bg: #131818;
+
+a {
+    color: #2aa198 !important;
+}
+
+a:hover {
+    color: #31dce6 !important;
+}
+
+code, p code, ol code, li code, h1 code {
+    background-color: #172424 !important;
+    color: #2aa198;
+}
+
+.cell, .anchored code {
+    background-color: #172424 !important;
+    color: #2aa198;
+}
+
+div.sourceCode {
+    background-color: #172424 !important;
+}
+
+li {
+    color: #979c9c !important;
+}
+
+.menu-text:hover {   
+    color: #31dce6 !important;
+}
+
+p {
+    color: #979c9c !important;
+}
+
+::selection {
+    color: #31dce6;
+    background: #192222;
+}