✨ Add code blocks and rainbow bracket extensions

2025-06-18 18:14:26 +08:00
parent 87fe9d48b1
commit cce9cf7e92
16 changed files with 2703 additions and 18 deletions
--- a/frontend/src/views/editor/theme/default-dark.ts
+++ b/frontend/src/views/editor/theme/default-dark.ts
@@ -73,11 +73,17 @@ export const draculaTheme = EditorView.theme({
    },

    '.cm-gutters': {
-        backgroundColor: config.lineNumberBackground,
+        backgroundColor: 'rgba(0,0,0, 0.1)',
        color: config.foreground,
-        border: 'none'
+        border: 'none',
+        padding: '0 2px 0 4px',
+        userSelect: 'none',
+    },
+    '.cm-activeLineGutter': {
+        // backgroundColor: config.background
+        backgroundColor: "transparent",
+        color: 'rgba(255,255,255, 0.6)'
    },
-    '.cm-activeLineGutter': {backgroundColor: config.background},

    '.cm-lineNumbers .cm-gutterElement': {color: config.lineNumber},
    '.cm-lineNumbers .cm-activeLineGutter': {color: config.lineNumberActive},