catppuccin theme and syntax

1 files changed, 19 insertions, 29 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index 62b4a17..0c1de65 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1,45 +1,35 @@
 :root {
-    --bg: #c5c8c6;
-    --bg-alt: #1d1f21;
+    --bg: #e6e9ef;
+    --bg-alt: #dce0e8;
 
-    --fg: #1d1f21;
-    --fg-alt: #c5c8c6;
+    --fg: #4c4f69;
+    --fg-alt: #4c4f69;
 
-    --selection-bg: #004391;
-    --selection-fg: #c5c8c6;
+    --selection-bg: #ccd0da;
+    --selection-fg: var(--fg-alt);
 
-    --nav-fg: #74a8e4;
+    --link-fg: #8839ef;
+    --nav-fg: var(--link-fg);
 
-    --link-fg: #004391;
+    --codeblock-bg: var(--bg-alt);
+    --codeblock-fg: var(--fg-alt);
 
-    --codeblock-bg: #303132;
-    --codeblock-fg: #ffffff;
-
-    --th-bg: #494e54;
+    --th-bg: #bcc0cc;
     --th-fg: var(--fg-alt);
 
-    --td-bg-alt: #aaa;
+    --td-bg-alt: var(--bg-alt);
     --td-fg-alt: var(--fg);
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --bg: #1d1f21;
-        --bg-alt: #303132;
-
-        --fg: #c5c8c6;
-        --fg-alt: #c5c8c6;
-
-        --selection-bg: #3c76bb;
-        --selection-fg: #c5c8c6;
-
-        --nav-fg: #74a8e4;
-
-        --link-fg: #3c76bb;
-
-        --th-bg: #303132;
-
-        --td-bg-alt: #27292b;
+        --bg: #181825;
+        --bg-alt: #1e1e2e;
+        --fg: #cdd6f4;
+        --fg-alt: #bac2de;
+        --selection-bg: #313244;
+        --link-fg: #cba6f7;
+        --th-bg: #45475a;
     }
 }