@fsegurai/codemirror-theme-basic-light 6.0.4 → 6.0.6
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/README.md +27 -27
- package/dist/index.cjs +50 -43
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +50 -43
- package/package.json +45 -45
package/README.md
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
<!-- NOTE: README.md is generated from src/README.md -->
|
|
2
|
-
|
|
3
|
-
# @fsegurai/codemirror-theme-basic-light [](https://www.npmjs.org/package/@fsegurai/codemirror-theme-basic-light)
|
|
4
|
-
|
|
5
|
-
[ [**WEBSITE**](https://codemirror.net/6/) | [**ISSUES**](https://github.com/codemirror/codemirror.next/issues) | [**DEMO**](https://fsegurai.github.io/codemirror-themes/) ]
|
|
6
|
-
|
|
7
|
-
This package implements the Basic Light theme for the
|
|
8
|
-
[CodeMirror](https://codemirror.net/6/) code editor.
|
|
9
|
-
|
|
10
|
-
The [project page](https://codemirror.net/6/) has more information, a
|
|
11
|
-
number of [examples](https://codemirror.net/6/examples/) and the
|
|
12
|
-
[documentation](https://codemirror.net/6/docs/).
|
|
13
|
-
|
|
14
|
-
This code is released under an
|
|
15
|
-
[MIT license](https://github.com/fsegurai/cm6-themes/tree/main/LICENSE).
|
|
16
|
-
|
|
17
|
-
We aim to be an inclusive, welcoming community. To make that explicit,
|
|
18
|
-
we have a [code of
|
|
19
|
-
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
|
|
20
|
-
to communication around the project.
|
|
21
|
-
|
|
22
|
-
## API Reference
|
|
23
|
-
|
|
24
|
-
@basicLight
|
|
25
|
-
|
|
26
|
-
@basicLightTheme
|
|
27
|
-
|
|
1
|
+
<!-- NOTE: README.md is generated from src/README.md -->
|
|
2
|
+
|
|
3
|
+
# @fsegurai/codemirror-theme-basic-light [](https://www.npmjs.org/package/@fsegurai/codemirror-theme-basic-light)
|
|
4
|
+
|
|
5
|
+
[ [**WEBSITE**](https://codemirror.net/6/) | [**ISSUES**](https://github.com/codemirror/codemirror.next/issues) | [**DEMO**](https://fsegurai.github.io/codemirror-themes/) ]
|
|
6
|
+
|
|
7
|
+
This package implements the Basic Light theme for the
|
|
8
|
+
[CodeMirror](https://codemirror.net/6/) code editor.
|
|
9
|
+
|
|
10
|
+
The [project page](https://codemirror.net/6/) has more information, a
|
|
11
|
+
number of [examples](https://codemirror.net/6/examples/) and the
|
|
12
|
+
[documentation](https://codemirror.net/6/docs/).
|
|
13
|
+
|
|
14
|
+
This code is released under an
|
|
15
|
+
[MIT license](https://github.com/fsegurai/cm6-themes/tree/main/LICENSE).
|
|
16
|
+
|
|
17
|
+
We aim to be an inclusive, welcoming community. To make that explicit,
|
|
18
|
+
we have a [code of
|
|
19
|
+
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
|
|
20
|
+
to communication around the project.
|
|
21
|
+
|
|
22
|
+
## API Reference
|
|
23
|
+
|
|
24
|
+
@basicLight
|
|
25
|
+
|
|
26
|
+
@basicLightTheme
|
|
27
|
+
|
|
28
28
|
@basicLightHighlightStyle
|
package/dist/index.cjs
CHANGED
|
@@ -9,7 +9,8 @@ const base00 = '#2e3440', // black
|
|
|
9
9
|
base01 = '#3b4252', // dark grey
|
|
10
10
|
base02 = '#434c5e', base03 = '#4c566a'; // grey
|
|
11
11
|
// Snow Storm
|
|
12
|
-
const
|
|
12
|
+
const base04 = '#7692a033', // light grey
|
|
13
|
+
base05 = '#e5e9f0', // off white
|
|
13
14
|
base06 = '#eceff4'; // white
|
|
14
15
|
// Frost
|
|
15
16
|
const base07 = '#8fbcbb', // moss green
|
|
@@ -22,139 +23,143 @@ base0C = '#d08770', // orange
|
|
|
22
23
|
base0D = '#ebcb8b', // yellow
|
|
23
24
|
base0E = '#a3be8c', // green
|
|
24
25
|
base0F = '#b48ead'; // purple
|
|
25
|
-
const invalid = '#d30102', darkBackground = base06, highlightBackground =
|
|
26
|
-
|
|
26
|
+
const invalid = '#d30102', darkBackground = base06, highlightBackground = base04, background = '#ffffff', tooltipBackground = base05, selection = '#6dceff85', selectionMatch = '#02b8ff57', cursor = base01;
|
|
27
|
+
/**
|
|
28
|
+
The editor theme styles for Basic Light.
|
|
29
|
+
*/
|
|
27
30
|
const basicLightTheme = view.EditorView.theme({
|
|
28
31
|
'&': {
|
|
29
32
|
color: base00,
|
|
30
|
-
backgroundColor: background
|
|
33
|
+
backgroundColor: background,
|
|
31
34
|
},
|
|
32
35
|
'.cm-content': {
|
|
33
|
-
caretColor: cursor
|
|
36
|
+
caretColor: cursor,
|
|
34
37
|
},
|
|
35
38
|
'.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
|
36
39
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
37
40
|
backgroundColor: selection,
|
|
38
|
-
color: '#00008b'
|
|
41
|
+
color: '#00008b',
|
|
39
42
|
},
|
|
40
43
|
'.cm-panels': { backgroundColor: darkBackground, color: base03 },
|
|
41
44
|
'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
|
42
45
|
'.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
|
|
43
46
|
'.cm-searchMatch': {
|
|
44
47
|
backgroundColor: '#72a1ff59',
|
|
45
|
-
outline: `1px solid ${base03}
|
|
48
|
+
outline: `1px solid ${base03}`,
|
|
46
49
|
},
|
|
47
50
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
48
|
-
backgroundColor: base05
|
|
51
|
+
backgroundColor: base05,
|
|
49
52
|
},
|
|
50
53
|
'.cm-activeLine': { backgroundColor: highlightBackground },
|
|
51
54
|
'.cm-selectionMatch': {
|
|
52
|
-
backgroundColor: selectionMatch
|
|
55
|
+
backgroundColor: selectionMatch,
|
|
53
56
|
},
|
|
54
57
|
'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
|
55
|
-
outline: `1px solid ${base03}
|
|
58
|
+
outline: `1px solid ${base03}`,
|
|
56
59
|
},
|
|
57
60
|
'&.cm-focused .cm-matchingBracket': {
|
|
58
|
-
backgroundColor: base06
|
|
61
|
+
backgroundColor: base06,
|
|
59
62
|
},
|
|
60
63
|
'.cm-gutters': {
|
|
61
64
|
backgroundColor: base06,
|
|
62
65
|
color: base00,
|
|
63
|
-
border: 'none'
|
|
66
|
+
border: 'none',
|
|
64
67
|
},
|
|
65
68
|
'.cm-activeLineGutter': {
|
|
66
69
|
backgroundColor: selection,
|
|
67
|
-
color: '#00008b'
|
|
70
|
+
color: '#00008b',
|
|
68
71
|
},
|
|
69
72
|
'.cm-foldPlaceholder': {
|
|
70
73
|
backgroundColor: 'transparent',
|
|
71
74
|
border: 'none',
|
|
72
|
-
color: '#ddd'
|
|
75
|
+
color: '#ddd',
|
|
73
76
|
},
|
|
74
77
|
'.cm-tooltip': {
|
|
75
78
|
border: 'none',
|
|
76
|
-
backgroundColor: tooltipBackground
|
|
79
|
+
backgroundColor: tooltipBackground,
|
|
77
80
|
},
|
|
78
81
|
'.cm-tooltip .cm-tooltip-arrow:before': {
|
|
79
82
|
borderTopColor: 'transparent',
|
|
80
|
-
borderBottomColor: 'transparent'
|
|
83
|
+
borderBottomColor: 'transparent',
|
|
81
84
|
},
|
|
82
85
|
'.cm-tooltip .cm-tooltip-arrow:after': {
|
|
83
86
|
borderTopColor: tooltipBackground,
|
|
84
|
-
borderBottomColor: tooltipBackground
|
|
87
|
+
borderBottomColor: tooltipBackground,
|
|
85
88
|
},
|
|
86
89
|
'.cm-tooltip-autocomplete': {
|
|
87
90
|
'& > ul > li[aria-selected]': {
|
|
88
|
-
color: base03
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
+
color: base03,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
91
94
|
}, { dark: false });
|
|
92
|
-
|
|
95
|
+
/**
|
|
96
|
+
The highlighting style for code in the Basic Light theme.
|
|
97
|
+
*/
|
|
93
98
|
const basicLightHighlightStyle = language.HighlightStyle.define([
|
|
94
99
|
{ tag: highlight.tags.keyword, color: base0A },
|
|
95
100
|
{
|
|
96
101
|
tag: [highlight.tags.name, highlight.tags.deleted, highlight.tags.character, highlight.tags.propertyName, highlight.tags.macroName],
|
|
97
|
-
color: base0C
|
|
102
|
+
color: base0C,
|
|
98
103
|
},
|
|
99
104
|
{ tag: [highlight.tags.variableName], color: base0C },
|
|
100
105
|
{ tag: [highlight.tags.function(highlight.tags.variableName)], color: base0A },
|
|
101
106
|
{ tag: [highlight.tags.labelName], color: base09 },
|
|
102
107
|
{
|
|
103
108
|
tag: [highlight.tags.color, highlight.tags.constant(highlight.tags.name), highlight.tags.standard(highlight.tags.name)],
|
|
104
|
-
color: base0A
|
|
109
|
+
color: base0A,
|
|
105
110
|
},
|
|
106
111
|
{ tag: [highlight.tags.definition(highlight.tags.name), highlight.tags.separator], color: base0E },
|
|
107
112
|
{ tag: [highlight.tags.brace], color: base07 },
|
|
108
113
|
{
|
|
109
114
|
tag: [highlight.tags.annotation],
|
|
110
|
-
color: invalid
|
|
115
|
+
color: invalid,
|
|
111
116
|
},
|
|
112
117
|
{
|
|
113
118
|
tag: [highlight.tags.number, highlight.tags.changed, highlight.tags.annotation, highlight.tags.modifier, highlight.tags.self, highlight.tags.namespace],
|
|
114
|
-
color: base08
|
|
119
|
+
color: base08,
|
|
115
120
|
},
|
|
116
121
|
{
|
|
117
122
|
tag: [highlight.tags.typeName, highlight.tags.className],
|
|
118
|
-
color: base0D
|
|
123
|
+
color: base0D,
|
|
119
124
|
},
|
|
120
125
|
{
|
|
121
126
|
tag: [highlight.tags.operator, highlight.tags.operatorKeyword],
|
|
122
|
-
color: base0E
|
|
127
|
+
color: base0E,
|
|
123
128
|
},
|
|
124
129
|
{
|
|
125
130
|
tag: [highlight.tags.tagName],
|
|
126
|
-
color: base0F
|
|
131
|
+
color: base0F,
|
|
127
132
|
},
|
|
128
133
|
{
|
|
129
134
|
tag: [highlight.tags.squareBracket],
|
|
130
|
-
color: base0b
|
|
135
|
+
color: base0b,
|
|
131
136
|
},
|
|
132
137
|
{
|
|
133
138
|
tag: [highlight.tags.angleBracket],
|
|
134
|
-
color: base0C
|
|
139
|
+
color: base0C,
|
|
135
140
|
},
|
|
136
141
|
{
|
|
137
142
|
tag: [highlight.tags.attributeName],
|
|
138
|
-
color: base0D
|
|
143
|
+
color: base0D,
|
|
139
144
|
},
|
|
140
145
|
{
|
|
141
146
|
tag: [highlight.tags.regexp],
|
|
142
|
-
color: base0A
|
|
147
|
+
color: base0A,
|
|
143
148
|
},
|
|
144
149
|
{
|
|
145
150
|
tag: [highlight.tags.quote],
|
|
146
|
-
color: base01
|
|
151
|
+
color: base01,
|
|
147
152
|
},
|
|
148
153
|
{ tag: [highlight.tags.string], color: base0C },
|
|
149
154
|
{
|
|
150
155
|
tag: highlight.tags.link,
|
|
151
156
|
color: base07,
|
|
152
157
|
textDecoration: 'underline',
|
|
153
|
-
textUnderlinePosition: 'under'
|
|
158
|
+
textUnderlinePosition: 'under',
|
|
154
159
|
},
|
|
155
160
|
{
|
|
156
161
|
tag: [highlight.tags.url, highlight.tags.escape, highlight.tags.special(highlight.tags.string)],
|
|
157
|
-
color: base0C
|
|
162
|
+
color: base0C,
|
|
158
163
|
},
|
|
159
164
|
{ tag: [highlight.tags.meta], color: base08 },
|
|
160
165
|
{ tag: [highlight.tags.comment], color: base02, fontStyle: 'italic' },
|
|
@@ -167,28 +172,30 @@ const basicLightHighlightStyle = language.HighlightStyle.define([
|
|
|
167
172
|
{
|
|
168
173
|
tag: [highlight.tags.heading2, highlight.tags.heading3, highlight.tags.heading4],
|
|
169
174
|
fontWeight: 'bold',
|
|
170
|
-
color: base0A
|
|
175
|
+
color: base0A,
|
|
171
176
|
},
|
|
172
177
|
{
|
|
173
178
|
tag: [highlight.tags.heading5, highlight.tags.heading6],
|
|
174
|
-
color: base0A
|
|
179
|
+
color: base0A,
|
|
175
180
|
},
|
|
176
181
|
{ tag: [highlight.tags.atom, highlight.tags.bool, highlight.tags.special(highlight.tags.variableName)], color: base0C },
|
|
177
182
|
{
|
|
178
183
|
tag: [highlight.tags.processingInstruction, highlight.tags.inserted],
|
|
179
|
-
color: base07
|
|
184
|
+
color: base07,
|
|
180
185
|
},
|
|
181
186
|
{
|
|
182
187
|
tag: [highlight.tags.contentSeparator],
|
|
183
|
-
color: base0D
|
|
188
|
+
color: base0D,
|
|
184
189
|
},
|
|
185
|
-
{ tag: highlight.tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` }
|
|
190
|
+
{ tag: highlight.tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` },
|
|
186
191
|
]);
|
|
187
|
-
|
|
188
|
-
|
|
192
|
+
/**
|
|
193
|
+
Extension to enable the Basic Light theme (both the editor theme and
|
|
194
|
+
the highlight style).
|
|
195
|
+
*/
|
|
189
196
|
const basicLight = [
|
|
190
197
|
basicLightTheme,
|
|
191
|
-
language.syntaxHighlighting(basicLightHighlightStyle)
|
|
198
|
+
language.syntaxHighlighting(basicLightHighlightStyle),
|
|
192
199
|
];
|
|
193
200
|
|
|
194
201
|
exports.basicLight = basicLight;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
import { Extension } from '@codemirror/state';
|
|
2
2
|
import { HighlightStyle } from '@codemirror/language';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
The editor theme styles for Basic Light.
|
|
6
|
+
*/
|
|
4
7
|
declare const basicLightTheme: Extension;
|
|
8
|
+
/**
|
|
9
|
+
The highlighting style for code in the Basic Light theme.
|
|
10
|
+
*/
|
|
5
11
|
declare const basicLightHighlightStyle: HighlightStyle;
|
|
12
|
+
/**
|
|
13
|
+
Extension to enable the Basic Light theme (both the editor theme and
|
|
14
|
+
the highlight style).
|
|
15
|
+
*/
|
|
6
16
|
declare const basicLight: Extension;
|
|
7
17
|
|
|
8
18
|
export { basicLight, basicLightHighlightStyle, basicLightTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
import { Extension } from '@codemirror/state';
|
|
2
2
|
import { HighlightStyle } from '@codemirror/language';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
The editor theme styles for Basic Light.
|
|
6
|
+
*/
|
|
4
7
|
declare const basicLightTheme: Extension;
|
|
8
|
+
/**
|
|
9
|
+
The highlighting style for code in the Basic Light theme.
|
|
10
|
+
*/
|
|
5
11
|
declare const basicLightHighlightStyle: HighlightStyle;
|
|
12
|
+
/**
|
|
13
|
+
Extension to enable the Basic Light theme (both the editor theme and
|
|
14
|
+
the highlight style).
|
|
15
|
+
*/
|
|
6
16
|
declare const basicLight: Extension;
|
|
7
17
|
|
|
8
18
|
export { basicLight, basicLightHighlightStyle, basicLightTheme };
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,8 @@ const base00 = '#2e3440', // black
|
|
|
7
7
|
base01 = '#3b4252', // dark grey
|
|
8
8
|
base02 = '#434c5e', base03 = '#4c566a'; // grey
|
|
9
9
|
// Snow Storm
|
|
10
|
-
const
|
|
10
|
+
const base04 = '#7692a033', // light grey
|
|
11
|
+
base05 = '#e5e9f0', // off white
|
|
11
12
|
base06 = '#eceff4'; // white
|
|
12
13
|
// Frost
|
|
13
14
|
const base07 = '#8fbcbb', // moss green
|
|
@@ -20,139 +21,143 @@ base0C = '#d08770', // orange
|
|
|
20
21
|
base0D = '#ebcb8b', // yellow
|
|
21
22
|
base0E = '#a3be8c', // green
|
|
22
23
|
base0F = '#b48ead'; // purple
|
|
23
|
-
const invalid = '#d30102', darkBackground = base06, highlightBackground =
|
|
24
|
-
|
|
24
|
+
const invalid = '#d30102', darkBackground = base06, highlightBackground = base04, background = '#ffffff', tooltipBackground = base05, selection = '#6dceff85', selectionMatch = '#02b8ff57', cursor = base01;
|
|
25
|
+
/**
|
|
26
|
+
The editor theme styles for Basic Light.
|
|
27
|
+
*/
|
|
25
28
|
const basicLightTheme = /*@__PURE__*/EditorView.theme({
|
|
26
29
|
'&': {
|
|
27
30
|
color: base00,
|
|
28
|
-
backgroundColor: background
|
|
31
|
+
backgroundColor: background,
|
|
29
32
|
},
|
|
30
33
|
'.cm-content': {
|
|
31
|
-
caretColor: cursor
|
|
34
|
+
caretColor: cursor,
|
|
32
35
|
},
|
|
33
36
|
'.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
|
34
37
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
35
38
|
backgroundColor: selection,
|
|
36
|
-
color: '#00008b'
|
|
39
|
+
color: '#00008b',
|
|
37
40
|
},
|
|
38
41
|
'.cm-panels': { backgroundColor: darkBackground, color: base03 },
|
|
39
42
|
'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
|
40
43
|
'.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
|
|
41
44
|
'.cm-searchMatch': {
|
|
42
45
|
backgroundColor: '#72a1ff59',
|
|
43
|
-
outline: `1px solid ${base03}
|
|
46
|
+
outline: `1px solid ${base03}`,
|
|
44
47
|
},
|
|
45
48
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
46
|
-
backgroundColor: base05
|
|
49
|
+
backgroundColor: base05,
|
|
47
50
|
},
|
|
48
51
|
'.cm-activeLine': { backgroundColor: highlightBackground },
|
|
49
52
|
'.cm-selectionMatch': {
|
|
50
|
-
backgroundColor: selectionMatch
|
|
53
|
+
backgroundColor: selectionMatch,
|
|
51
54
|
},
|
|
52
55
|
'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
|
53
|
-
outline: `1px solid ${base03}
|
|
56
|
+
outline: `1px solid ${base03}`,
|
|
54
57
|
},
|
|
55
58
|
'&.cm-focused .cm-matchingBracket': {
|
|
56
|
-
backgroundColor: base06
|
|
59
|
+
backgroundColor: base06,
|
|
57
60
|
},
|
|
58
61
|
'.cm-gutters': {
|
|
59
62
|
backgroundColor: base06,
|
|
60
63
|
color: base00,
|
|
61
|
-
border: 'none'
|
|
64
|
+
border: 'none',
|
|
62
65
|
},
|
|
63
66
|
'.cm-activeLineGutter': {
|
|
64
67
|
backgroundColor: selection,
|
|
65
|
-
color: '#00008b'
|
|
68
|
+
color: '#00008b',
|
|
66
69
|
},
|
|
67
70
|
'.cm-foldPlaceholder': {
|
|
68
71
|
backgroundColor: 'transparent',
|
|
69
72
|
border: 'none',
|
|
70
|
-
color: '#ddd'
|
|
73
|
+
color: '#ddd',
|
|
71
74
|
},
|
|
72
75
|
'.cm-tooltip': {
|
|
73
76
|
border: 'none',
|
|
74
|
-
backgroundColor: tooltipBackground
|
|
77
|
+
backgroundColor: tooltipBackground,
|
|
75
78
|
},
|
|
76
79
|
'.cm-tooltip .cm-tooltip-arrow:before': {
|
|
77
80
|
borderTopColor: 'transparent',
|
|
78
|
-
borderBottomColor: 'transparent'
|
|
81
|
+
borderBottomColor: 'transparent',
|
|
79
82
|
},
|
|
80
83
|
'.cm-tooltip .cm-tooltip-arrow:after': {
|
|
81
84
|
borderTopColor: tooltipBackground,
|
|
82
|
-
borderBottomColor: tooltipBackground
|
|
85
|
+
borderBottomColor: tooltipBackground,
|
|
83
86
|
},
|
|
84
87
|
'.cm-tooltip-autocomplete': {
|
|
85
88
|
'& > ul > li[aria-selected]': {
|
|
86
|
-
color: base03
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
+
color: base03,
|
|
90
|
+
},
|
|
91
|
+
},
|
|
89
92
|
}, { dark: false });
|
|
90
|
-
|
|
93
|
+
/**
|
|
94
|
+
The highlighting style for code in the Basic Light theme.
|
|
95
|
+
*/
|
|
91
96
|
const basicLightHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
92
97
|
{ tag: tags.keyword, color: base0A },
|
|
93
98
|
{
|
|
94
99
|
tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName],
|
|
95
|
-
color: base0C
|
|
100
|
+
color: base0C,
|
|
96
101
|
},
|
|
97
102
|
{ tag: [tags.variableName], color: base0C },
|
|
98
103
|
{ tag: [/*@__PURE__*/tags.function(tags.variableName)], color: base0A },
|
|
99
104
|
{ tag: [tags.labelName], color: base09 },
|
|
100
105
|
{
|
|
101
106
|
tag: [tags.color, /*@__PURE__*/tags.constant(tags.name), /*@__PURE__*/tags.standard(tags.name)],
|
|
102
|
-
color: base0A
|
|
107
|
+
color: base0A,
|
|
103
108
|
},
|
|
104
109
|
{ tag: [/*@__PURE__*/tags.definition(tags.name), tags.separator], color: base0E },
|
|
105
110
|
{ tag: [tags.brace], color: base07 },
|
|
106
111
|
{
|
|
107
112
|
tag: [tags.annotation],
|
|
108
|
-
color: invalid
|
|
113
|
+
color: invalid,
|
|
109
114
|
},
|
|
110
115
|
{
|
|
111
116
|
tag: [tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
|
|
112
|
-
color: base08
|
|
117
|
+
color: base08,
|
|
113
118
|
},
|
|
114
119
|
{
|
|
115
120
|
tag: [tags.typeName, tags.className],
|
|
116
|
-
color: base0D
|
|
121
|
+
color: base0D,
|
|
117
122
|
},
|
|
118
123
|
{
|
|
119
124
|
tag: [tags.operator, tags.operatorKeyword],
|
|
120
|
-
color: base0E
|
|
125
|
+
color: base0E,
|
|
121
126
|
},
|
|
122
127
|
{
|
|
123
128
|
tag: [tags.tagName],
|
|
124
|
-
color: base0F
|
|
129
|
+
color: base0F,
|
|
125
130
|
},
|
|
126
131
|
{
|
|
127
132
|
tag: [tags.squareBracket],
|
|
128
|
-
color: base0b
|
|
133
|
+
color: base0b,
|
|
129
134
|
},
|
|
130
135
|
{
|
|
131
136
|
tag: [tags.angleBracket],
|
|
132
|
-
color: base0C
|
|
137
|
+
color: base0C,
|
|
133
138
|
},
|
|
134
139
|
{
|
|
135
140
|
tag: [tags.attributeName],
|
|
136
|
-
color: base0D
|
|
141
|
+
color: base0D,
|
|
137
142
|
},
|
|
138
143
|
{
|
|
139
144
|
tag: [tags.regexp],
|
|
140
|
-
color: base0A
|
|
145
|
+
color: base0A,
|
|
141
146
|
},
|
|
142
147
|
{
|
|
143
148
|
tag: [tags.quote],
|
|
144
|
-
color: base01
|
|
149
|
+
color: base01,
|
|
145
150
|
},
|
|
146
151
|
{ tag: [tags.string], color: base0C },
|
|
147
152
|
{
|
|
148
153
|
tag: tags.link,
|
|
149
154
|
color: base07,
|
|
150
155
|
textDecoration: 'underline',
|
|
151
|
-
textUnderlinePosition: 'under'
|
|
156
|
+
textUnderlinePosition: 'under',
|
|
152
157
|
},
|
|
153
158
|
{
|
|
154
159
|
tag: [tags.url, tags.escape, /*@__PURE__*/tags.special(tags.string)],
|
|
155
|
-
color: base0C
|
|
160
|
+
color: base0C,
|
|
156
161
|
},
|
|
157
162
|
{ tag: [tags.meta], color: base08 },
|
|
158
163
|
{ tag: [tags.comment], color: base02, fontStyle: 'italic' },
|
|
@@ -165,28 +170,30 @@ const basicLightHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
|
165
170
|
{
|
|
166
171
|
tag: [tags.heading2, tags.heading3, tags.heading4],
|
|
167
172
|
fontWeight: 'bold',
|
|
168
|
-
color: base0A
|
|
173
|
+
color: base0A,
|
|
169
174
|
},
|
|
170
175
|
{
|
|
171
176
|
tag: [tags.heading5, tags.heading6],
|
|
172
|
-
color: base0A
|
|
177
|
+
color: base0A,
|
|
173
178
|
},
|
|
174
179
|
{ tag: [tags.atom, tags.bool, /*@__PURE__*/tags.special(tags.variableName)], color: base0C },
|
|
175
180
|
{
|
|
176
181
|
tag: [tags.processingInstruction, tags.inserted],
|
|
177
|
-
color: base07
|
|
182
|
+
color: base07,
|
|
178
183
|
},
|
|
179
184
|
{
|
|
180
185
|
tag: [tags.contentSeparator],
|
|
181
|
-
color: base0D
|
|
186
|
+
color: base0D,
|
|
182
187
|
},
|
|
183
|
-
{ tag: tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` }
|
|
188
|
+
{ tag: tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` },
|
|
184
189
|
]);
|
|
185
|
-
|
|
186
|
-
|
|
190
|
+
/**
|
|
191
|
+
Extension to enable the Basic Light theme (both the editor theme and
|
|
192
|
+
the highlight style).
|
|
193
|
+
*/
|
|
187
194
|
const basicLight = [
|
|
188
195
|
basicLightTheme,
|
|
189
|
-
/*@__PURE__*/syntaxHighlighting(basicLightHighlightStyle)
|
|
196
|
+
/*@__PURE__*/syntaxHighlighting(basicLightHighlightStyle),
|
|
190
197
|
];
|
|
191
198
|
|
|
192
199
|
export { basicLight, basicLightHighlightStyle, basicLightTheme };
|
package/package.json
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@fsegurai/codemirror-theme-basic-light",
|
|
3
|
-
"description": "Basic Light theme for the CodeMirror code editor",
|
|
4
|
-
"version": "6.0.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"main": "dist/index.cjs",
|
|
7
|
-
"exports": {
|
|
8
|
-
"import": "./dist/index.js",
|
|
9
|
-
"require": "./dist/index.cjs"
|
|
10
|
-
},
|
|
11
|
-
"types": "dist/index.d.ts",
|
|
12
|
-
"module": "dist/index.js",
|
|
13
|
-
"sideEffects": false,
|
|
14
|
-
"scripts": {
|
|
15
|
-
"test": "cm-runtests",
|
|
16
|
-
"prepare": "cm-buildhelper src/index.ts"
|
|
17
|
-
},
|
|
18
|
-
"keywords": [
|
|
19
|
-
"editor",
|
|
20
|
-
"code",
|
|
21
|
-
"codemirror"
|
|
22
|
-
],
|
|
23
|
-
"author": {
|
|
24
|
-
"name": "Fabián Segura",
|
|
25
|
-
"url": "https://www.fsegurai.com/"
|
|
26
|
-
},
|
|
27
|
-
"license": "MIT",
|
|
28
|
-
"repository": {
|
|
29
|
-
"type": "git",
|
|
30
|
-
"url": "git+https://github.com/fsegurai/codemirror-themes.git"
|
|
31
|
-
},
|
|
32
|
-
"bugs": {
|
|
33
|
-
"url": "https://github.com/fsegurai/codemirror-themes/issues"
|
|
34
|
-
},
|
|
35
|
-
"homepage": "https://github.com/fsegurai/codemirror-themes#readme",
|
|
36
|
-
"peerDependencies": {
|
|
37
|
-
"@lezer/highlight": "^1.0.0",
|
|
38
|
-
"@codemirror/language": "^6.0.0",
|
|
39
|
-
"@codemirror/state": "^6.0.0",
|
|
40
|
-
"@codemirror/view": "^6.0.0"
|
|
41
|
-
},
|
|
42
|
-
"devDependencies": {
|
|
43
|
-
"@codemirror/buildhelper": "^1.0.
|
|
44
|
-
}
|
|
45
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@fsegurai/codemirror-theme-basic-light",
|
|
3
|
+
"description": "Basic Light theme for the CodeMirror code editor",
|
|
4
|
+
"version": "6.0.6",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/index.cjs",
|
|
7
|
+
"exports": {
|
|
8
|
+
"import": "./dist/index.js",
|
|
9
|
+
"require": "./dist/index.cjs"
|
|
10
|
+
},
|
|
11
|
+
"types": "dist/index.d.ts",
|
|
12
|
+
"module": "dist/index.js",
|
|
13
|
+
"sideEffects": false,
|
|
14
|
+
"scripts": {
|
|
15
|
+
"test": "cm-runtests",
|
|
16
|
+
"prepare": "cm-buildhelper src/index.ts"
|
|
17
|
+
},
|
|
18
|
+
"keywords": [
|
|
19
|
+
"editor",
|
|
20
|
+
"code",
|
|
21
|
+
"codemirror"
|
|
22
|
+
],
|
|
23
|
+
"author": {
|
|
24
|
+
"name": "Fabián Segura",
|
|
25
|
+
"url": "https://www.fsegurai.com/"
|
|
26
|
+
},
|
|
27
|
+
"license": "MIT",
|
|
28
|
+
"repository": {
|
|
29
|
+
"type": "git",
|
|
30
|
+
"url": "git+https://github.com/fsegurai/codemirror-themes.git"
|
|
31
|
+
},
|
|
32
|
+
"bugs": {
|
|
33
|
+
"url": "https://github.com/fsegurai/codemirror-themes/issues"
|
|
34
|
+
},
|
|
35
|
+
"homepage": "https://github.com/fsegurai/codemirror-themes#readme",
|
|
36
|
+
"peerDependencies": {
|
|
37
|
+
"@lezer/highlight": "^1.0.0",
|
|
38
|
+
"@codemirror/language": "^6.0.0",
|
|
39
|
+
"@codemirror/state": "^6.0.0",
|
|
40
|
+
"@codemirror/view": "^6.0.0"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@codemirror/buildhelper": "^1.0.2"
|
|
44
|
+
}
|
|
45
|
+
}
|