diff --git a/packages/desktop/src/renderer/src/codeMirror/index.css b/packages/desktop/src/renderer/src/codeMirror/index.css index a56a4efe14..bf56b29778 100644 --- a/packages/desktop/src/renderer/src/codeMirror/index.css +++ b/packages/desktop/src/renderer/src/codeMirror/index.css @@ -7,3 +7,11 @@ .CodeMirror-line > span > span::selection { background: rgb(178, 215, 254); } +/* #2372 — make the source-mode selection use the same visible colour as the + WYSIWYG editor. The bundled railscasts theme paints the selection at #272935, + almost identical to its #2b2b2b background, so it was invisible on dark + themes. The higher specificity (+ !important) beats both railscasts' own + !important rule and the one-dark theme. */ +.source-code .CodeMirror div.CodeMirror-selected { + background: var(--selection-color, rgb(45 170 219 / 30%)) !important; +} diff --git a/packages/desktop/src/renderer/src/components/exportSettings/index.vue b/packages/desktop/src/renderer/src/components/exportSettings/index.vue index b28e87fa56..9bb218e557 100644 --- a/packages/desktop/src/renderer/src/components/exportSettings/index.vue +++ b/packages/desktop/src/renderer/src/components/exportSettings/index.vue @@ -288,8 +288,9 @@