From e0f3a675c935bff1484d361efd9b2f55b900a8d5 Mon Sep 17 00:00:00 2001
From: Jayant Yadav <jayantyadav202@gmail.com>
Date: Fri, 20 Dec 2024 17:27:41 +0100
Subject: [PATCH] adding dark theme and increase text width to 70%

---
 docs/stylesheets/extra.css | 14 +++++++++-----
 mkdocs.yml                 | 13 +++++++++++++
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index dcbd6bfb8..3f0d64c5d 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -5,16 +5,16 @@
   --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;
@@ -22,6 +22,10 @@
 
 }
 
+/* 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
index 06497db14..0abca76b0 100644
--- 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