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

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.
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, background = '#ffffff', tooltipBackground = base05, selection = darkBackground, selectionMatch = base06, cursor = base01;
27
26
  /// The editor theme styles for Basic Light.
28
27
  const basicLightTheme = view.EditorView.theme({
29
28
  '&': {
@@ -45,8 +44,9 @@ const basicLightTheme = view.EditorView.theme({
45
44
  '.cm-searchMatch.cm-searchMatch-selected': {
46
45
  backgroundColor: base05
47
46
  },
48
- '.cm-activeLine': { backgroundColor: highlightBackground },
49
- '.cm-selectionMatch': { backgroundColor: base05 },
47
+ '.cm-selectionMatch': {
48
+ backgroundColor: selectionMatch,
49
+ },
50
50
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
51
51
  outline: `1px solid ${base03}`
52
52
  },
@@ -58,9 +58,6 @@ const basicLightTheme = view.EditorView.theme({
58
58
  color: base00,
59
59
  border: 'none'
60
60
  },
61
- '.cm-activeLineGutter': {
62
- backgroundColor: highlightBackground
63
- },
64
61
  '.cm-foldPlaceholder': {
65
62
  backgroundColor: 'transparent',
66
63
  border: 'none',
@@ -80,7 +77,6 @@ const basicLightTheme = view.EditorView.theme({
80
77
  },
81
78
  '.cm-tooltip-autocomplete': {
82
79
  '& > ul > li[aria-selected]': {
83
- backgroundColor: highlightBackground,
84
80
  color: base03
85
81
  }
86
82
  }
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, background = '#ffffff', tooltipBackground = base05, selection = darkBackground, selectionMatch = base06, cursor = base01;
25
24
  /// The editor theme styles for Basic Light.
26
25
  const basicLightTheme = /*@__PURE__*/EditorView.theme({
27
26
  '&': {
@@ -43,8 +42,9 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
43
42
  '.cm-searchMatch.cm-searchMatch-selected': {
44
43
  backgroundColor: base05
45
44
  },
46
- '.cm-activeLine': { backgroundColor: highlightBackground },
47
- '.cm-selectionMatch': { backgroundColor: base05 },
45
+ '.cm-selectionMatch': {
46
+ backgroundColor: selectionMatch,
47
+ },
48
48
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
49
49
  outline: `1px solid ${base03}`
50
50
  },
@@ -56,9 +56,6 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
56
56
  color: base00,
57
57
  border: 'none'
58
58
  },
59
- '.cm-activeLineGutter': {
60
- backgroundColor: highlightBackground
61
- },
62
59
  '.cm-foldPlaceholder': {
63
60
  backgroundColor: 'transparent',
64
61
  border: 'none',
@@ -78,7 +75,6 @@ const basicLightTheme = /*@__PURE__*/EditorView.theme({
78
75
  },
79
76
  '.cm-tooltip-autocomplete': {
80
77
  '& > ul > li[aria-selected]': {
81
- backgroundColor: highlightBackground,
82
78
  color: base03
83
79
  }
84
80
  }
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.3",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "exports": {