@fsegurai/codemirror-theme-basic-dark 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.
Files changed (3) hide show
  1. package/dist/index.cjs +16 -3
  2. package/dist/index.js +16 -3
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -5,7 +5,7 @@ var language = require('@codemirror/language');
5
5
  var highlight = require('@lezer/highlight');
6
6
 
7
7
  const base00 = '#2E3235', base01 = '#DDDDDD', base02 = '#B9D2FF', base03 = '#b0b0b0', base05 = '#e0e0e0', base06 = '#808080', base07 = '#000000', base08 = '#A54543', base09 = '#fc6d24', base0A = '#fda331', base0B = '#8abeb7', base0C = '#b5bd68', base0D = '#6fb3d2', base0E = '#cc99cc', base0F = '#6987AF';
8
- const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#202325', cursor = base01;
8
+ const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#b2cbf9b8', cursor = base01;
9
9
  /// The editor theme styles for Basic Dark.
10
10
  const basicDarkTheme = view.EditorView.theme({
11
11
  '&': {
@@ -16,7 +16,10 @@ const basicDarkTheme = view.EditorView.theme({
16
16
  caretColor: cursor
17
17
  },
18
18
  '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
19
- '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: selection },
19
+ '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
20
+ backgroundColor: selection,
21
+ color: '#000000'
22
+ },
20
23
  '.cm-panels': { backgroundColor: darkBackground, color: base03 },
21
24
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
22
25
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
@@ -29,6 +32,15 @@ const basicDarkTheme = view.EditorView.theme({
29
32
  backgroundColor: base05,
30
33
  color: base07
31
34
  },
35
+ '.cm-searchMatch .cm-selectionMatch': {
36
+ color: base07
37
+ },
38
+ '.cm-searchMatch .cm-selectionMatch .ͼ3w': {
39
+ color: base07
40
+ },
41
+ '.cm-searchMatch .ͼ3w': {
42
+ color: base07
43
+ },
32
44
  '.cm-activeLine': { backgroundColor: highlightBackground },
33
45
  '.cm-selectionMatch': { backgroundColor: highlightBackground },
34
46
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
@@ -44,7 +56,8 @@ const basicDarkTheme = view.EditorView.theme({
44
56
  backgroundColor: darkBackground
45
57
  },
46
58
  '.cm-activeLineGutter': {
47
- backgroundColor: highlightBackground
59
+ backgroundColor: selection,
60
+ color: '#000000'
48
61
  },
49
62
  '.cm-foldPlaceholder': {
50
63
  backgroundColor: 'transparent',
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
3
3
  import { tags } from '@lezer/highlight';
4
4
 
5
5
  const base00 = '#2E3235', base01 = '#DDDDDD', base02 = '#B9D2FF', base03 = '#b0b0b0', base05 = '#e0e0e0', base06 = '#808080', base07 = '#000000', base08 = '#A54543', base09 = '#fc6d24', base0A = '#fda331', base0B = '#8abeb7', base0C = '#b5bd68', base0D = '#6fb3d2', base0E = '#cc99cc', base0F = '#6987AF';
6
- const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#202325', cursor = base01;
6
+ const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#b2cbf9b8', cursor = base01;
7
7
  /// The editor theme styles for Basic Dark.
8
8
  const basicDarkTheme = /*@__PURE__*/EditorView.theme({
9
9
  '&': {
@@ -14,7 +14,10 @@ const basicDarkTheme = /*@__PURE__*/EditorView.theme({
14
14
  caretColor: cursor
15
15
  },
16
16
  '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
17
- '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': { backgroundColor: selection },
17
+ '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
18
+ backgroundColor: selection,
19
+ color: '#000000'
20
+ },
18
21
  '.cm-panels': { backgroundColor: darkBackground, color: base03 },
19
22
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
20
23
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
@@ -27,6 +30,15 @@ const basicDarkTheme = /*@__PURE__*/EditorView.theme({
27
30
  backgroundColor: base05,
28
31
  color: base07
29
32
  },
33
+ '.cm-searchMatch .cm-selectionMatch': {
34
+ color: base07
35
+ },
36
+ '.cm-searchMatch .cm-selectionMatch .ͼ3w': {
37
+ color: base07
38
+ },
39
+ '.cm-searchMatch .ͼ3w': {
40
+ color: base07
41
+ },
30
42
  '.cm-activeLine': { backgroundColor: highlightBackground },
31
43
  '.cm-selectionMatch': { backgroundColor: highlightBackground },
32
44
  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
@@ -42,7 +54,8 @@ const basicDarkTheme = /*@__PURE__*/EditorView.theme({
42
54
  backgroundColor: darkBackground
43
55
  },
44
56
  '.cm-activeLineGutter': {
45
- backgroundColor: highlightBackground
57
+ backgroundColor: selection,
58
+ color: '#000000'
46
59
  },
47
60
  '.cm-foldPlaceholder': {
48
61
  backgroundColor: 'transparent',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fsegurai/codemirror-theme-basic-dark",
3
3
  "description": "Basic Dark 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": {