diff --git a/_quarto.yml b/_quarto.yml
index 856afea87..74745be15 100644
--- 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
new file mode 100644
index 000000000..75b05bca2
--- /dev/null
+++ 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;
+}