Added Dark Theme

_quarto.yml

@@ -62,6 +62,7 @@ format:
   html:
     theme:
       light: cosmo
+      dark: [solar, theming/theme-dark.scss]
     css: theming/styles.css
     toc: true
     smooth-scroll: true

theming/theme-dark.scss

@@ -0,0 +1,58 @@
+/*-- 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 {
+    background-color: #172424 !important;
+    color: #2aa198;
+}
+
+li {
+    color: #979c9c !important;
+}
+
+.menu-text:hover {   
+    color: #31dce6 !important;
+}
+
+.quarto-title-banner {
+    background-color: #073c44 !important;
+}
+
+.title {
+    color: #ffffff !important;
+}
+
+.listing-description a {
+    color: #979c9c !important;
+}
+
+p {
+    color: #979c9c !important;
+}
+
+.team-member {
+    background-color: #192222 !important;   
+}
+
+.level4 {
+    color: #1bb3ac !important;
+}
+
+::selection {
+    color: #31dce6;
+    background: #192222;
+}