theming

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;
+}