all repos — snow-editor @ main

small and cozy markdown, and orgmode editor

src/lib/org/orgTheme.js (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 
import { EditorView } from '@codemirror/view';

export const orgTheme = EditorView.theme({
  '&': {
    height: '100%',
    fontSize: '0.9rem',
    fontFamily: 'var(--font-mono)',
    backgroundColor: 'var(--paper)',
  },
  '.cm-scroller': {
    overflow: 'auto',
    fontFamily: 'inherit',
  },
  '.cm-content': {
    caretColor: 'var(--accent-hover)',
    padding: '0.75rem 0.5rem',
    minHeight: '100%',
  },
  '.cm-gutters': {
    backgroundColor: 'var(--snow)',
    borderRight: '1px solid var(--border-soft)',
    color: 'var(--text-muted)',
  },
  '.cm-activeLine': {
    backgroundColor: 'var(--active-line)',
  },
  '.cm-cursor': {
    borderLeftColor: 'var(--accent-hover)',
  },
  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {
    backgroundColor: 'rgba(122, 155, 184, 0.25) !important',
  },
  '.cm-line': {
    lineHeight: '1.55',
  },
});