self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-01-23 18:53:36 +02:00
Code Issues Releases Activity

Desktop: Make Markdown editor selection more visible in Dark mode

Browse Source
This commit is contained in:
Laurent Cozic 2020-11-14 00:14:56 +00:00
parent 4f41fb7b54
commit 83ca33611b
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app-desktop/gui/NoteEditor/NoteBody/CodeMirror/CodeMirror.tsx
View File

@ -21,6 +21,7 @@ import { MenuItemLocation } from '@joplin/lib/services/plugins/api/types';
import MenuUtils from '@joplin/lib/services/commands/MenuUtils';
import CommandService from '@joplin/lib/services/CommandService';
import { themeStyle } from '@joplin/lib/theme';
import { ThemeAppearance } from '@joplin/lib/themes/type';
const Note = require('@joplin/lib/models/Note.js');
const { clipboard } = require('electron');
@ -379,6 +380,13 @@ function CodeMirror(props: NoteBodyEditorProps, ref: any) {
useEffect(() => {
const theme = themeStyle(props.themeId);
// Selection in dark mode is hard to see so make it brighter.
// https://discourse.joplinapp.org/t/dragging-in-dark-theme/12433/4?u=laurent
const selectionColorCss = theme.appearance === ThemeAppearance.Dark ?
`.CodeMirror-selected {
background: #6b6b6b !important;
}` : '';
const element = document.createElement('style');
element.setAttribute('id', 'codemirrorStyle');
document.head.appendChild(element);
@ -465,6 +473,8 @@ function CodeMirror(props: NoteBodyEditorProps, ref: any) {
.cm-s-solarized.cm-s-dark span.cm-comment {
color: #8ba1a7 !important;
}
${selectionColorCss}
`));
return () => {