@fsegurai/codemirror-theme-forest 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 +23 -2
- package/dist/index.js +23 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -21,7 +21,8 @@ const darkBackground = '#2b303b', // Dropdown background - deep shade found unde
|
|
|
21
21
|
highlightBackground = '#3e3d3257', // Active line and Matching bracket - moss on a rock
|
|
22
22
|
tooltipBackground = base01, // Tooltip using foreground color
|
|
23
23
|
cursor = base04, // Caret color
|
|
24
|
-
selection =
|
|
24
|
+
selection = '#398450c2', // Selection color
|
|
25
|
+
selectionMatch = '#5d3535';
|
|
25
26
|
// Define the editor theme styles for Forest.
|
|
26
27
|
const forestTheme = view.EditorView.theme({
|
|
27
28
|
'&': {
|
|
@@ -35,7 +36,8 @@ const forestTheme = view.EditorView.theme({
|
|
|
35
36
|
borderLeftColor: cursor
|
|
36
37
|
},
|
|
37
38
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
38
|
-
backgroundColor: selection
|
|
39
|
+
backgroundColor: selection,
|
|
40
|
+
color: '#FFFFFF'
|
|
39
41
|
},
|
|
40
42
|
'.cm-panels': {
|
|
41
43
|
backgroundColor: darkBackground,
|
|
@@ -54,9 +56,16 @@ const forestTheme = view.EditorView.theme({
|
|
|
54
56
|
backgroundColor: darkBackground,
|
|
55
57
|
color: base03
|
|
56
58
|
},
|
|
59
|
+
'.cm-activeLineGutter': {
|
|
60
|
+
backgroundColor: selection,
|
|
61
|
+
color: '#FFFFFF'
|
|
62
|
+
},
|
|
57
63
|
'.cm-tooltip': {
|
|
58
64
|
backgroundColor: tooltipBackground
|
|
59
65
|
},
|
|
66
|
+
'.cm-selectionMatch': {
|
|
67
|
+
backgroundColor: selectionMatch,
|
|
68
|
+
},
|
|
60
69
|
'.cm-searchMatch': {
|
|
61
70
|
backgroundColor: base02, // Use the selection color for search matches
|
|
62
71
|
color: base01, // Foreground color for text
|
|
@@ -65,6 +74,18 @@ const forestTheme = view.EditorView.theme({
|
|
|
65
74
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
66
75
|
backgroundColor: base05, // Use the keyword color for the selected search match
|
|
67
76
|
color: base00 // Background color for high visibility
|
|
77
|
+
},
|
|
78
|
+
'.cm-searchMatch.cm-searchMatch-selected .ͼ5k': {
|
|
79
|
+
color: base00
|
|
80
|
+
},
|
|
81
|
+
'.cm-searchMatch .cm-selectionMatch': {
|
|
82
|
+
color: base01
|
|
83
|
+
},
|
|
84
|
+
'.cm-searchMatch .cm-selectionMatch .ͼ5k': {
|
|
85
|
+
color: base01
|
|
86
|
+
},
|
|
87
|
+
'.cm-searchMatch .ͼ5k': {
|
|
88
|
+
color: base01
|
|
68
89
|
}
|
|
69
90
|
}, { dark: true });
|
|
70
91
|
// Define the highlighting style for code in the Forest theme.
|
package/dist/index.js
CHANGED
|
@@ -19,7 +19,8 @@ const darkBackground = '#2b303b', // Dropdown background - deep shade found unde
|
|
|
19
19
|
highlightBackground = '#3e3d3257', // Active line and Matching bracket - moss on a rock
|
|
20
20
|
tooltipBackground = base01, // Tooltip using foreground color
|
|
21
21
|
cursor = base04, // Caret color
|
|
22
|
-
selection =
|
|
22
|
+
selection = '#398450c2', // Selection color
|
|
23
|
+
selectionMatch = '#5d3535';
|
|
23
24
|
// Define the editor theme styles for Forest.
|
|
24
25
|
const forestTheme = /*@__PURE__*/EditorView.theme({
|
|
25
26
|
'&': {
|
|
@@ -33,7 +34,8 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
|
|
|
33
34
|
borderLeftColor: cursor
|
|
34
35
|
},
|
|
35
36
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
36
|
-
backgroundColor: selection
|
|
37
|
+
backgroundColor: selection,
|
|
38
|
+
color: '#FFFFFF'
|
|
37
39
|
},
|
|
38
40
|
'.cm-panels': {
|
|
39
41
|
backgroundColor: darkBackground,
|
|
@@ -52,9 +54,16 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
|
|
|
52
54
|
backgroundColor: darkBackground,
|
|
53
55
|
color: base03
|
|
54
56
|
},
|
|
57
|
+
'.cm-activeLineGutter': {
|
|
58
|
+
backgroundColor: selection,
|
|
59
|
+
color: '#FFFFFF'
|
|
60
|
+
},
|
|
55
61
|
'.cm-tooltip': {
|
|
56
62
|
backgroundColor: tooltipBackground
|
|
57
63
|
},
|
|
64
|
+
'.cm-selectionMatch': {
|
|
65
|
+
backgroundColor: selectionMatch,
|
|
66
|
+
},
|
|
58
67
|
'.cm-searchMatch': {
|
|
59
68
|
backgroundColor: base02, // Use the selection color for search matches
|
|
60
69
|
color: base01, // Foreground color for text
|
|
@@ -63,6 +72,18 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
|
|
|
63
72
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
64
73
|
backgroundColor: base05, // Use the keyword color for the selected search match
|
|
65
74
|
color: base00 // Background color for high visibility
|
|
75
|
+
},
|
|
76
|
+
'.cm-searchMatch.cm-searchMatch-selected .ͼ5k': {
|
|
77
|
+
color: base00
|
|
78
|
+
},
|
|
79
|
+
'.cm-searchMatch .cm-selectionMatch': {
|
|
80
|
+
color: base01
|
|
81
|
+
},
|
|
82
|
+
'.cm-searchMatch .cm-selectionMatch .ͼ5k': {
|
|
83
|
+
color: base01
|
|
84
|
+
},
|
|
85
|
+
'.cm-searchMatch .ͼ5k': {
|
|
86
|
+
color: base01
|
|
66
87
|
}
|
|
67
88
|
}, { dark: true });
|
|
68
89
|
// Define the highlighting style for code in the Forest theme.
|