fix(ui): fix the light theme contrast for editor.

kestra-io · Feb 18, 2025 · 7538265 · 7538265
1 parent a020e3f
commit 7538265
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/ui/src/components/inputs/MonacoEditor.vue b/ui/src/components/inputs/MonacoEditor.vue
@@ -46,6 +46,22 @@
         }
     });
 
+    monaco.editor.defineTheme("light", {
+        base: "vs",
+        inherit: true,
+        rules: [
+            {token: "type", foreground: "#8405FF"},
+            {token: "string.yaml", foreground: "#001233"},
+            {token: "comment", foreground: "#8d99ae", fontStyle: "italic"},
+        ],
+        colors: {
+            "editor.lineHighlightBackground": "#fbfaff",
+            "editorLineNumber.foreground": "#444444",
+            "editor.selectionBackground": "#E8E5FF",
+            "editor.wordHighlightBackground": "#E8E5FF",
+        }
+    });
+
     export default defineComponent({
         data() {
             return {
@@ -606,12 +622,12 @@
                 let options = {
                     ...{
                         value: this.value,
-                        theme: this.theme,
+                        theme: this.theme === "vs" ? "light" : this.theme,
                         language: this.language,
                         suggest: {
                             showClasses: false,
                             showWords: false
-                        }
+                        },
                     },
                     ...this.options
                 };