commit 597573b5d1ed44c75844d2b8047aae08f7ef8619
author Chris Poucet <poucet@google.com> Thu Mar 09 10:31:09 2023 +0100
committer Chris Poucet <poucet@google.com> Thu Mar 09 10:31:09 2023 +0100
tree 24d75ed47341adadbc388df701d63cd7c747872c
parent 07225d5388658f7354f9f85241c547117c590f82

Add the light-mode to CodeMirror editor.

Change-Id: I866359f37f425af13612e9fdb60a669f74b05616

web/element/extensions.ts

diff --git a/web/element/extensions.ts b/web/element/extensions.ts
index 58a0f23..ea18ffc 100644
--- a/web/element/extensions.ts
+++ b/web/element/extensions.ts
@@ -36,6 +36,12 @@
 import {language} from './language';
 import {EditPreferencesInfo} from './codemirror-element';
 
+const oneLight = () =>
+  EditorView.theme({
+    '&': {background: 'white'},
+    '.cm-lineNumbers': {'background-color': '#f1f3f4'},
+  });
+
 const trailingspace = () =>
   EditorView.theme({
     '.cm-trailingspace': {
@@ -117,6 +123,7 @@
     trailingspace(),
     tabsOrSpaces(),
     fixedHeightEditor(height),
+    oneLight(),
   ];
 
   if (!prefs) return codeExtensions;