From 286ed44285374fe2716595290f8633400d6b6955 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Tue, 31 Dec 2024 01:53:32 +0100
Subject: [PATCH] strudel theme

---
 src/main.js   | 4 ++--
 src/style.css | 2 +-
 src/theme.js  | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/main.js b/src/main.js
index 367bf95..0681158 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,7 @@ import { flashField, evalKeymap, remoteEvalFlash } from "@flok-editor/cm-eval";
 import { UndoManager } from "yjs";
 import { highlightExtension } from "@strudel/codemirror";
 import { StrudelSession, editorViews } from "./strudel";
-import { kabelsalatTheme } from "./theme";
+import { strudelTheme } from "./theme";
 
 import "./style.css";
 
@@ -45,7 +45,7 @@ const createEditor = (doc) => {
     doc: doc.content,
     extensions: [
       basicSetup,
-      kabelsalatTheme,
+      strudelTheme,
       flokBasicSetup(doc),
       javascript(),
       EditorView.lineWrapping,
diff --git a/src/style.css b/src/style.css
index a0401dc..d394149 100644
--- a/src/style.css
+++ b/src/style.css
@@ -28,7 +28,7 @@ body {
 }
 
 :root {
-  --foreground: #ffffff80;
+  --foreground: white;
 }
 
 .editor {
diff --git a/src/theme.js b/src/theme.js
index 17e7dea..7c01df6 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -5,7 +5,7 @@ import { HighlightStyle } from "@codemirror/language";
 import { syntaxHighlighting } from "@codemirror/language";
 
 let colors = {
-  teal600: "#0d9488",
+  teal600: "#c084fc", // text
   teal400: "#2dd4bf",
   amber: "#d97706",
   violet400: "#a78bfa",
@@ -13,9 +13,9 @@ let colors = {
   indigo300: "#a5b4fc",
   indigo400: "#818cf8",
   fuchsia400: "#e879f9",
-  fuchsia300: "#f0abfc",
+  fuchsia300: "#78716c", // brackets
   fuchsia200: "#f5d0fe",
-  whitish: "#ddd",
+  whitish: "#d9f99d", // text
   stone400: "#a8a29e",
   stone500: "#78716c",
 };
@@ -61,4 +61,4 @@ const highlightStyle = HighlightStyle.define([
   { tag: tags.comment, color: colors.stone500, fontStyle: "italic" },
 ]);
 
-export let kabelsalatTheme = [theme, syntaxHighlighting(highlightStyle)];
+export let strudelTheme = [theme, syntaxHighlighting(highlightStyle)];