style(editor): refine selection layer and cursor appearance

- Hide default cm-selectionBackground in favor of custom
  cm-vscodeSelection rendering layer
- Adjust cursor height and vertical alignment
- Style custom VSCode selection overlay with opacity and color
This commit is contained in:
t8y2 2026-05-27 14:59:41 +08:00
parent 5c47885a88
commit 7717eae5ff
1 changed files with 9 additions and 2 deletions

View File

@ -109,8 +109,15 @@ export function buildEditorFontThemeRules(
padding: "0 2px !important",
},
".cm-selectionLayer .cm-selectionBackground": {
transform: "scaleY(1.55)",
transformOrigin: "center",
display: "none",
},
".cm-cursor": {
height: "1.6em !important",
transform: "translateY(-0.3em)",
},
".cm-vscodeSelection": {
opacity: "0.38",
background: "rgb(148, 163, 184)",
},
".cm-gutters": {
borderRight: "0 !important",