@fsegurai/codemirror-theme-basic-light 6.0.2 → 6.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +10 -6
  2. package/dist/index.js +10 -6
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -4,7 +4,6 @@ var view = require('@codemirror/view');
4
4
  var language = require('@codemirror/language');
5
5
  var highlight = require('@lezer/highlight');
6
6
 
7
- // Colors from https://www.nordtheme.com/docs/colors-and-palettes
8
7
  // Polar Night
9
8
  const base00 = '#2e3440', // black
10
9
  base01 = '#3b4252', // dark grey
@@ -23,7 +22,7 @@ base0C = '#d08770', // orange
23
22
  base0D = '#ebcb8b', // yellow
24
23
  base0E = '#a3be8c', // green
25
24
  base0F = '#b48ead'; // purple
26
- const invalid = '#d30102', darkBackground = base06, highlightBackground = darkBackground, background = '#ffffff', tooltipBackground = base05, selection = darkBackground, cursor = base01;
25
+ const invalid = '#d30102', darkBackground = base06, highlightBackground = '#7692a033', background = '#ffffff', tooltipBackground = base05, selection = '#6dceff85', selectionMatch = '#02b8ff57', cursor = base01;
27
26
  /// The editor theme styles for Basic Light.
28
27
  const basicLightTheme = view.EditorView.theme({
29
28
  '&': {
@@ -34,7 +33,10 @@ const basicLightTheme = view.EditorView.theme({
34
33
  caretColor: cursor
35
34
  },
36
35
  '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
37
- '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: selection },
36
+ '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
37
+ backgroundColor: selection,
38
+ color: '#00008b'
39
+ },
38
40
  '.cm-panels': { backgroundColor: darkBackground, color: base03 },
39
41
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
40
42
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
@@ -46,7 +48,9 @@ const basicLightTheme = view.EditorView.theme({
46
48
  backgroundColor: base05
47
49
  },
48
50
  '.cm-activeLine': { backgroundColor: highlightBackground },
49
- '.cm-selectionMatch': { backgroundColor: base05 },
51
+ '.cm-selectionMatch': {
52
+ backgroundColor: selectionMatch
53
+ },
50
54
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
51
55
  outline: `1px solid ${base03}`
52
56
  },
@@ -59,7 +63,8 @@ const basicLightTheme = view.EditorView.theme({
59
63
  border: 'none'
60
64
  },
61
65
  '.cm-activeLineGutter': {
62
- backgroundColor: highlightBackground
66
+ backgroundColor: selection,
67
+ color: '#00008b'
63
68
  },
64
69
  '.cm-foldPlaceholder': {
65
70
  backgroundColor: 'transparent',
@@ -80,7 +85,6 @@ const basicLightTheme = view.EditorView.theme({
80
85
  },
81
86
  '.cm-tooltip-autocomplete': {
82
87
  '& > ul > li[aria-selected]': {
83
- backgroundColor: highlightBackground,
84
88
  color: base03
85
89
  }
86
90
  }
package/dist/index.js CHANGED
@@ -2,7 +2,6 @@ import { EditorView } from '@codemirror/view';
2
2
  import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
3
3
  import { tags } from '@lezer/highlight';
4
4
 
5
- // Colors from https://www.nordtheme.com/docs/colors-and-palettes
6
5
  // Polar Night
7
6
  const base00 = '#2e3440', // black
8
7
  base01 = '#3b4252', // dark grey
@@ -21,7 +20,7 @@ base0C = '#d08770', // orange
21
20
  base0D = '#ebcb8b', // yellow
22
21
  base0E = '#a3be8c', // green
23
22
  base0F = '#b48ead'; // purple
24
- const invalid = '#d30102', darkBackground = base06, highlightBackground = darkBackground, background = '#ffffff', tooltipBackground = base05, selection = darkBackground, cursor = base01;
23
+ const invalid = '#d30102', darkBackground = base06, highlightBackground = '#7692a033', background = '#ffffff', tooltipBackground = base05, selection = '#6dceff85', selectionMatch = '#02b8ff57', cursor = base01;
25
24
  /// The editor theme styles for Basic Light.
26
25
  const basicLightTheme = /*@__PURE__*/EditorView.theme({
27
26
  '&': {
@@ -32,7 +31,10 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
32
31
  caretColor: cursor
33
32
  },
34
33
  '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
35
- '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: selection },
34
+ '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
35
+ backgroundColor: selection,
36
+ color: '#00008b'
37
+ },
36
38
  '.cm-panels': { backgroundColor: darkBackground, color: base03 },
37
39
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
38
40
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
@@ -44,7 +46,9 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
44
46
  backgroundColor: base05
45
47
  },
46
48
  '.cm-activeLine': { backgroundColor: highlightBackground },
47
- '.cm-selectionMatch': { backgroundColor: base05 },
49
+ '.cm-selectionMatch': {
50
+ backgroundColor: selectionMatch
51
+ },
48
52
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
49
53
  outline: `1px solid ${base03}`
50
54
  },
@@ -57,7 +61,8 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
57
61
  border: 'none'
58
62
  },
59
63
  '.cm-activeLineGutter': {
60
- backgroundColor: highlightBackground
64
+ backgroundColor: selection,
65
+ color: '#00008b'
61
66
  },
62
67
  '.cm-foldPlaceholder': {
63
68
  backgroundColor: 'transparent',
@@ -78,7 +83,6 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
78
83
  },
79
84
  '.cm-tooltip-autocomplete': {
80
85
  '& > ul > li[aria-selected]': {
81
- backgroundColor: highlightBackground,
82
86
  color: base03
83
87
  }
84
88
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fsegurai/codemirror-theme-basic-light",
3
3
  "description": "Basic Light theme for the CodeMirror code editor",
4
- "version": "6.0.2",
4
+ "version": "6.0.4",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "exports": {