theming

site/docs/theming.md

@@ -13,8 +13,10 @@ title = "Theming"
 | Kewt Light | `kewt-light` | Light |
 | Nord | `nord` | Dark |
 | Nord Light | `nord-light` | Light |
-| Monokai | `mono` | Dark |
-| Monokai Light | `mono-light` | Light |
+| Monokai | `monokai` | Dark |
+| Monokai Light | `monokai-light` | Light |
+| Grayscale | `grayscale` | Dark |
+| Grayscale Light | `grayscale-light` | Light |
 | One Dark | `onedark` | Dark |
 | One Light | `onelight` | Light |
 | Rose Pine | `rosepine` | Dark |

styles/monokai-light.root.css

@@ -0,0 +1,27 @@
+:root {
+    --bg: #fafaf8;
+    --bg-deep: #f0efe8;
+    --fg: #272822;
+    --fg-muted: #8f8e84;
+    --fg-link: #5c8a1e;
+    --fg-heading: #272822;
+    --code-bg: #f0efe8;
+    --code-border: #cccbc2;
+    --code-fg: #272822;
+    --code-sel: #5c8a1e;
+    --code-prop: #c41e6a;
+    --code-val: #7a3ee0;
+    --code-var: #2e8faf;
+    --code-com: #8f8e84;
+    --adm-note-bg: #edf4f7;
+    --adm-note-border: #2e8faf;
+    --adm-tip-bg: #eef7ed;
+    --adm-tip-border: #5c8a1e;
+    --adm-important-bg: #f2eef7;
+    --adm-important-border: #7a3ee0;
+    --adm-warning-bg: #f7f5ed;
+    --adm-warning-border: #b0a01e;
+    --adm-caution-bg: #f7edee;
+    --adm-caution-border: #c41e6a;
+    --thead-bg: #f0efe8;
+}

styles/monokai.root.css

@@ -0,0 +1,27 @@
+:root {
+    --bg: #272822;
+    --bg-deep: #1e1f1c;
+    --fg: #f8f8f2;
+    --fg-muted: #75715e;
+    --fg-link: #a6e22e;
+    --fg-heading: #f8f8f2;
+    --code-bg: #1e1f1c;
+    --code-border: #49483e;
+    --code-fg: #f8f8f2;
+    --code-sel: #a6e22e;
+    --code-prop: #f92672;
+    --code-val: #ae81ff;
+    --code-var: #66d9ef;
+    --code-com: #75715e;
+    --adm-note-bg: #272822;
+    --adm-note-border: #66d9ef;
+    --adm-tip-bg: #272822;
+    --adm-tip-border: #a6e22e;
+    --adm-important-bg: #272822;
+    --adm-important-border: #ae81ff;
+    --adm-warning-bg: #272822;
+    --adm-warning-border: #e6db74;
+    --adm-caution-bg: #272822;
+    --adm-caution-border: #f92672;
+    --thead-bg: #1e1f1c;
+}