diff --git a/src/style.css b/src/style.css
index ea83325..a6f9834 100644
--- a/src/style.css
+++ b/src/style.css
@@ -2,9 +2,23 @@
@tailwind components;
@tailwind utilities;
+:root {
+ --background: "#262626",
+ --lineBackground: "#3B4252",
+ --foreground: "#BBBBBB" ,
+ --caret: "#4C566A",
+ --selection: "#D8DEE9" ,
+ --selectionMatch: "#E5E9F0" ,
+ --gutterBackground: "#8FBCBB",
+ --gutterForeground: "#BF616A",
+ --gutterBorder: "#D08770",
+ --lineHighlight: "#B48EAD",
+}
+
+
@layer utilities {
.striped .col-span-3,
.striped .col-span-2 {
- @apply bg-neutral-300;
+ @apply bg-background;
}
}
diff --git a/src/themes/toposTheme.ts b/src/themes/toposTheme.ts
index 23c613a..0d019cc 100644
--- a/src/themes/toposTheme.ts
+++ b/src/themes/toposTheme.ts
@@ -3,14 +3,14 @@ import { Extension } from "@codemirror/state";
import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
import { tags as t } from "@lezer/highlight";
-const base00 = "#262626",
- base01 = "#3B4252",
- base02 = "#BBBBBB",
- base03 = "#4C566A",
- base04 = "#D8DEE9",
- base05 = "#E5E9F0",
- base07 = "#8FBCBB",
- base_red = "#BF616A",
+const base00 = "#262626",
+ base01 = "#3B4252",
+ base02 = "#BBBBBB",
+ base03 = "#4C566A",
+ base04 = "#D8DEE9",
+ base05 = "#E5E9F0",
+ base07 = "#8FBCBB",
+ base_red = "#BF616A",
base_deeporange = "#D08770",
base_pink = "#B48EAD",
base_cyan = "#FBCF8B",