Change selection background color for light theme

This commit is contained in:
Jonatan Heyman 2022-12-31 14:49:01 +01:00
parent 866c2fd30f
commit f53a579614

View File

@ -1,30 +1,36 @@
import { EditorView } from '@codemirror/view'; import { EditorView } from "@codemirror/view";
export const heynoteLight = EditorView.theme({ export const heynoteLight = EditorView.theme({
'&': { "&": {
//color: base04, //color: base04,
backgroundColor: "#f5f5f5", backgroundColor: "#f5f5f5",
}, },
'.cm-content': { ".cm-content": {
//caretColor: cursor, //caretColor: cursor,
paddingTop: 0, paddingTop: 0,
}, },
'.cm-cursor, .cm-dropCursor': { ".cm-cursor, .cm-dropCursor": {
borderLeftColor: '#000', borderLeftColor: "#000",
}, },
'.cm-gutters': { ".cm-gutters": {
//backgroundColor: 'transparent', //backgroundColor: "transparent",
//backgroundColor: 'rgba(0,0,0, 0.03)', //backgroundColor: "rgba(0,0,0, 0.03)",
color: 'rgba(0,0,0, 0.25)', color: "rgba(0,0,0, 0.25)",
border: 'none', border: "none",
}, },
'.cm-activeLineGutter': { ".cm-activeLineGutter": {
backgroundColor: "transparent", backgroundColor: "transparent",
color: 'rgba(0,0,0, 0.6)' color: "rgba(0,0,0, 0.6)"
}, },
'.cm-activeLine': { ".cm-activeLine": {
backgroundColor: "rgba(0,0,0, 0.04)", backgroundColor: "rgba(0,0,0, 0.04)",
}, },
".cm-selectionBackground": {
background: "#b2c2ca85",
},
"&.cm-focused .cm-selectionBackground": {
background: "#77baff8c",
},
}) })