docs: add dark mode

Signed-off-by: Varun Patil <radialapps@gmail.com>

docs/overrides/home.html

@@ -15,7 +15,7 @@
 
     .tx-container {
         padding-top: .0rem;
-        background: linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--dark) 99%,#fff 99%)
+        background: linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--dark) 100%)
     }
 
     .tx-hero {
@@ -109,16 +109,11 @@
     .feature-item > div > p {
         font-size: 16px;
         line-height: 1.8em;
-        color: #111;
         margin: 0 0 10px;
         display: block;
         max-width: 800px;
     }
 
-    .feature-item a {
-        color: var(--md-primary-fg-color--dark);
-    }
-
     @media screen and (max-width:30em) {
         .tx-hero h1 {
             font-size: 1.4rem

mkdocs.yml

@@ -17,7 +17,16 @@ theme:
     - navigation.tabs.sticky
     - navigation.tracking
   palette:
-    primary: blue
+    - scheme: default
+      primary: blue
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    - scheme: slate
+      primary: blue
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
   icon:
     logo: material/camera
   custom_dir: docs/overrides