custom color scheme! improved dark mode!

Author: bitfl0wer

docs/stylesheets/extra.css

@@ -1,50 +1,64 @@
 .request-h {
-    font-size: 1em; 
-    font-weight: normal;
+	font-size: 1em;
+	font-weight: normal;
 }
 
 .request {
-    margin-right: 10px;
-    font-weight: bold;
+	margin-right: 10px;
+	font-weight: bold;
 }
 
 .request-get {
-    color: #4ece4e;
+	color: #4ece4e;
 }
 
 .request-post {
-    color: #4ee2c9;
+	color: #4ee2c9;
 }
 
 .request-put {
-    color: #4999e9;
+	color: #4999e9;
 }
 
 .request-patch {
-    color: #c857e4;
+	color: #c857e4;
 }
 
 .request-delete {
-    color: #e2544a;
+	color: #e2544a;
 }
 
 .request-options {
-    color: #e2c64a;
+	color: #e2c64a;
 }
 
-
 .group-h {
-    font-weight: bold;
+	font-weight: bold;
 }
 
-h1, h2 {
-    font-weight: 500 !important;
+h1,
+h2 {
+	font-weight: 500 !important;
 }
 
 hr {
-    padding-top: 2em;
+	padding-top: 2em;
 }
 
 h3 {
-    padding-top: 1em;
-}
+	padding-top: 1em;
+}
+
+[data-md-color-scheme="slate"] {
+	background-color: #050505;
+	--md-default-bg-color: #050505;
+	--md-code-bg-color: #130c1d;
+}
+
+:root {
+	--md-primary-fg-color: #9971ff;
+	--md-primary-fg-color--light: #b294ff;
+	--md-primary-fg-color--dark: #7842ff;
+	--md-accent-fg-color: #f29bfd;
+	--md-accent-fg-color--transparent: #f29bfd1a;
+}

mkdocs.yml

@@ -26,23 +26,23 @@ theme:
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"
-      primary: deep purple
-      accent: indigo
+      primary: custom
+      accent: custom
       toggle:
         icon: material/brightness-auto
         name: Switch to light mode
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
-      primary: deep purple
-      accent: indigo
+      primary: custom
+      accent: custom
       scheme: default 
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
-      primary: deep purple
-      accent: indigo
+      primary: custom
+      accent: custom
       scheme: slate
       toggle:
         icon: material/brightness-4