feat: update stylesheets

docs/stylesheets/extra.css

@@ -1,44 +1,49 @@
 :root {
 
-   /* Primary color shades - NavBar */
-  --md-primary-fg-color: yellow;
-  --md-primary-bg-color: black;
-
-  /* Accent color shades - Hover effects */
-  --md-accent-fg-color: yellow;
-  --md-accent-fg-color--transparent: white;
-  --md-accent-bg-color: white;
+  /* Primary color shades - NavBar */
+ --md-primary-fg-color: black;
+ --md-primary-bg-color: white;
+
+ /* Accent color shades - Hover effects */
+ --md-accent-fg-color: yellow;
+ --md-accent-fg-color--transparent: white;
+ --md-accent-bg-color: white;
 }
 
 :root > * {
-   /* background color */
-  --md-default-bg-color: #343434;
-
-  /* default text color */
-  --md-typeset-color: white;
-
-
-  --md-footer-fg-color: yellow;
-  --md-footer-bg-color: black;
-
-   /* color for markdown code blocks */
-  --md-code-fg-color: yellow;
-  --md-code-bg-color: #2B2B2B;
-
-  /* color for markdown headers */
-  --md-default-fg-color--light: white;
-
-  /* color for code highlighting, works kinda like Dracula Theme */
-  --md-code-hl-number-color: #A9B7C5;
-  --md-code-hl-special-color: #A9B7C5;
-  --md-code-hl-function-color: #A9B7C5;
-  --md-code-hl-constant-color: #A9B7C5;
-  --md-code-hl-keyword-color: #CB7832;
-  --md-code-hl-string-color: #6A8759;
-  --md-code-hl-name-color: #A9B7C5;
-  --md-code-hl-operator-color: #A9B7C5;
-  --md-code-hl-punctuation-color: #A9B7C5;
-  --md-code-hl-comment-color: #6A8759;
-  --md-code-hl-generic-color: #A9B7C5;
-  --md-code-hl-variable-color: #A9B7C5;
+  /* background color */
+ --md-default-bg-color: #343434;
+
+ /* default text color */
+ --md-typeset-color: white;
+
+ /* color for blockquotes */
+ --md-admonition-fg-color: white;
+
+  /* color for links */
+ --md-typeset-a-color: yellow;
+
+ --md-footer-fg-color: yellow;
+ --md-footer-bg-color: black;
+
+  /* color for markdown code blocks */
+ --md-code-fg-color: #A9B7C5;
+ --md-code-bg-color: #2B2B2B;
+
+ /* color for markdown headers */
+ --md-default-fg-color--light: white;
+
+ /* color for code highlighting, works kinda like Dracula Theme */
+ --md-code-hl-number-color: #A9B7C5;
+ --md-code-hl-special-color: #6BB38A;
+ --md-code-hl-function-color: #A9B7C5;
+ --md-code-hl-constant-color: #A9B7C5;
+ --md-code-hl-keyword-color: #CB7832;
+ --md-code-hl-string-color: #6A8759;
+ --md-code-hl-name-color: #A9B7C5;
+ --md-code-hl-operator-color: #56C1D6;
+ --md-code-hl-punctuation-color: #A9B7C5;
+ --md-code-hl-comment-color: #6A8759;
+ --md-code-hl-generic-color: #A9B7C5;
+ --md-code-hl-variable-color: #A9B7C5;
 }

mkdocs.yml

@@ -10,15 +10,13 @@ theme:
   favicon: assets/favicon.ico
 
   features:
-    - navigation.instant
-    - navigation.instant.prefetch
-    - navigation.path
-    - navigation.sections
-    - navigation.sections.expand
+    - content.code.copy
   name: material
   palette:
     primary: custom
     accent: custom
+  font:
+    text: 'Arimo'
 
 nav:
   - 'API': api/