adding dark theme and increase text width to 70%

UPPMAX · Dec 20, 2024 · e0f3a67 · e0f3a67
1 parent c73bc9c
commit e0f3a67
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -5,23 +5,27 @@
   --md-primary-fg-color: #E6E6E6;
   --md-primary-bg-color: #1d1d20;
 
-  --md-default-fg-color: #1d1d20;
-  --md-default-bg-color: #ffffff;
+  /* --md-default-fg-color: #1d1d20; */
+  /* --md-default-bg-color: #ffffff; */
 
-  --md-code-fg-color: #1d1d20;
+  /* --md-code-fg-color: #1d1d20; */
 
   --md-accent-fg-color: #999;
 
-  --md-admonition-fg-color: #1d1d20;
+  /* --md-admonition-fg-color: #1d1d20; */
 
-  --md-typeset-color: #1d1d20;
+  /* --md-typeset-color: #1d1d20; */
   --md-typeset-a-color: #0645AD;
 
   --md-footer-bg-color: #E6E6E6;
   --md-footer-fg-color: #000000;
 
 }
 
+/* Maximum space for text block */
+.md-grid {
+  max-width: 70%; /* or 100%, if you want to stretch to full-width */
+}
 
 /* https://github.com/squidfunk/mkdocs-material/issues/4832#issuecomment-1374891676 */
 .md-nav__link[for] {

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -116,6 +116,19 @@ theme:
     code: JetBrains Mono
 
   logo: assets/logo_color.png
+  palette: 
+
+    # Palette toggle for light mode
+    - scheme: default
+      toggle:
+        icon: material/weather-sunny 
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - scheme: slate
+      toggle:
+        icon: material/weather-night
+        name: Switch to light mode
 
   features:
     # - toc.integrate