From 2608eb2397c03183d7098c8f87b16c8dfe6b5a11 Mon Sep 17 00:00:00 2001
From: ParampreetR <raja.rai6789@gmail.com>
Date: Mon, 28 Feb 2022 11:14:08 +0530
Subject: [PATCH] docs: Added dark theme

---
 docs/en/docs/assets/css/custom.css | 25 ++++++++++++++++++++-----
 docs/en/mkdocs.yml                 | 18 ++++++++++++++----
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/docs/en/docs/assets/css/custom.css b/docs/en/docs/assets/css/custom.css
index f74aeeb..0278e4b 100644
--- a/docs/en/docs/assets/css/custom.css
+++ b/docs/en/docs/assets/css/custom.css
@@ -1,5 +1,5 @@
 .md-typeset__table table {
-  font-size: .75rem !important;
+  font-size: 0.75rem !important;
 }
 
 .md-typeset__table table tr td:first-child {
@@ -8,16 +8,16 @@
 
 .md-typeset code {
   background-color: rgb(240, 240, 240);
-  font-size: .95em;
+  font-size: 0.95em;
 }
 
 .md-typeset pre > code {
   background-color: rgb(245, 245, 245);
-  font-size: .90em;
+  font-size: 0.9em;
 }
 
 .md-typeset .admonition {
-  font-size: .70rem;
+  font-size: 0.7rem;
 }
 
 body {
@@ -29,7 +29,7 @@ body {
   border-bottom-color: rgb(234, 236, 239);
   border-bottom-style: solid;
   border-bottom-width: 1px;
-  padding-bottom: .3rem;
+  padding-bottom: 0.3rem;
 }
 
 .md-content a:hover {
@@ -39,3 +39,18 @@ body {
 .highlight code .cp {
   color: #a83;
 }
+
+[data-md-color-scheme="dark"] {
+  --md-primary-fg-color: #321860;
+  --md-default-bg-color: #170a1c;
+  --md-default-fg-color: #dabaff;
+  --md-typeset-color: #ffffff;
+  --md-default-fg-color--light: #b0a8b9;
+  --md-typeset-a-color: #472a63;
+  --md-code-bg-color: #f5f5f5;
+  --md-code-fg-color: #170a1c;
+  --md-admonition-fg-color: #ffffff;
+  --md-default-fg-color--lighter: #acb7c0;
+  --md-default-fg-color--lightest: #d2d5db;
+  --md-code-hl-variable-color: #815abb;
+}
diff --git a/docs/en/mkdocs.yml b/docs/en/mkdocs.yml
index 3bd1e5d..845be1c 100644
--- a/docs/en/mkdocs.yml
+++ b/docs/en/mkdocs.yml
@@ -11,15 +11,25 @@ copyright: "&copy; 2020 Ryohei Machida"
 repo_name: "rust-sailfish/sailfish"
 repo_url: "https://github.com/rust-sailfish/sailfish"
 
-# Configuration
 theme:
   name: "material"
   language: "en"
   logo: "images/logo.svg"
   palette:
-    scheme: "default"
-    primary: "deep purple"
-    accent: "deep purple"
+    - media: "(prefers-color-scheme: dark)"
+      scheme: "dark"
+      primary: "deep purple"
+      accent: "deep purple"
+      toggle:
+        icon: "material/lightbulb-outline"
+        name: "Light Mode"
+    - media: "(prefers-color-scheme: light)"
+      scheme: "default"
+      primary: "deep purple"
+      accent: "deep purple"
+      toggle:
+        icon: "material/lightbulb"
+        name: "Dark Mode"
   favicon: "images/favicon.ico"
   font:
     text: "Ubuntu"