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({
'&': {
"&": {
//color: base04,
backgroundColor: "#f5f5f5",
},
'.cm-content': {
".cm-content": {
//caretColor: cursor,
paddingTop: 0,
},
'.cm-cursor, .cm-dropCursor': {
borderLeftColor: '#000',
".cm-cursor, .cm-dropCursor": {
borderLeftColor: "#000",
},
'.cm-gutters': {
//backgroundColor: 'transparent',
//backgroundColor: 'rgba(0,0,0, 0.03)',
color: 'rgba(0,0,0, 0.25)',
border: 'none',
".cm-gutters": {
//backgroundColor: "transparent",
//backgroundColor: "rgba(0,0,0, 0.03)",
color: "rgba(0,0,0, 0.25)",
border: "none",
},
'.cm-activeLineGutter': {
".cm-activeLineGutter": {
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)",
},
".cm-selectionBackground": {
background: "#b2c2ca85",
},
"&.cm-focused .cm-selectionBackground": {
background: "#77baff8c",
},
})