@fsegurai/codemirror-theme-basic-dark 6.0.3 → 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 -44
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +50 -44
- 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-dark [](https://www.npmjs.org/package/@fsegurai/codemirror-theme-basic-dark)
|
|
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 Dark 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
|
-
@basicDark
|
|
25
|
-
|
|
26
|
-
@basicDarkTheme
|
|
27
|
-
|
|
1
|
+
<!-- NOTE: README.md is generated from src/README.md -->
|
|
2
|
+
|
|
3
|
+
# @fsegurai/codemirror-theme-basic-dark [](https://www.npmjs.org/package/@fsegurai/codemirror-theme-basic-dark)
|
|
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 Dark 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
|
+
@basicDark
|
|
25
|
+
|
|
26
|
+
@basicDarkTheme
|
|
27
|
+
|
|
28
28
|
@basicDarkHighlightStyle
|
package/dist/index.cjs
CHANGED
|
@@ -6,19 +6,21 @@ 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
8
|
const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#b2cbf9b8', cursor = base01;
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
The editor theme styles for Basic Dark.
|
|
11
|
+
*/
|
|
10
12
|
const basicDarkTheme = view.EditorView.theme({
|
|
11
13
|
'&': {
|
|
12
14
|
color: base01,
|
|
13
|
-
backgroundColor: background
|
|
15
|
+
backgroundColor: background,
|
|
14
16
|
},
|
|
15
17
|
'.cm-content': {
|
|
16
|
-
caretColor: cursor
|
|
18
|
+
caretColor: cursor,
|
|
17
19
|
},
|
|
18
20
|
'.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
|
19
21
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
20
22
|
backgroundColor: selection,
|
|
21
|
-
color: '#000000'
|
|
23
|
+
color: '#000000',
|
|
22
24
|
},
|
|
23
25
|
'.cm-panels': { backgroundColor: darkBackground, color: base03 },
|
|
24
26
|
'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
|
@@ -26,129 +28,131 @@ const basicDarkTheme = view.EditorView.theme({
|
|
|
26
28
|
'.cm-searchMatch': {
|
|
27
29
|
backgroundColor: base02,
|
|
28
30
|
outline: `1px solid ${base03}`,
|
|
29
|
-
color: base07
|
|
31
|
+
color: base07,
|
|
30
32
|
},
|
|
31
33
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
32
34
|
backgroundColor: base05,
|
|
33
|
-
color: base07
|
|
35
|
+
color: base07,
|
|
34
36
|
},
|
|
35
37
|
'.cm-searchMatch .cm-selectionMatch': {
|
|
36
|
-
color: base07
|
|
38
|
+
color: base07,
|
|
37
39
|
},
|
|
38
40
|
'.cm-searchMatch .cm-selectionMatch .ͼ3w': {
|
|
39
|
-
color: base07
|
|
41
|
+
color: base07,
|
|
40
42
|
},
|
|
41
43
|
'.cm-searchMatch .ͼ3w': {
|
|
42
|
-
color: base07
|
|
44
|
+
color: base07,
|
|
43
45
|
},
|
|
44
46
|
'.cm-activeLine': { backgroundColor: highlightBackground },
|
|
45
47
|
'.cm-selectionMatch': { backgroundColor: highlightBackground },
|
|
46
48
|
'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
|
47
|
-
outline: `1px solid ${base03}
|
|
49
|
+
outline: `1px solid ${base03}`,
|
|
48
50
|
},
|
|
49
51
|
'&.cm-focused .cm-matchingBracket': {
|
|
50
52
|
backgroundColor: base02,
|
|
51
|
-
color: base07
|
|
53
|
+
color: base07,
|
|
52
54
|
},
|
|
53
55
|
'.cm-gutters': {
|
|
54
|
-
borderRight:
|
|
56
|
+
borderRight: '1px solid #ffffff10',
|
|
55
57
|
color: base06,
|
|
56
|
-
backgroundColor: darkBackground
|
|
58
|
+
backgroundColor: darkBackground,
|
|
57
59
|
},
|
|
58
60
|
'.cm-activeLineGutter': {
|
|
59
61
|
backgroundColor: selection,
|
|
60
|
-
color: '#000000'
|
|
62
|
+
color: '#000000',
|
|
61
63
|
},
|
|
62
64
|
'.cm-foldPlaceholder': {
|
|
63
65
|
backgroundColor: 'transparent',
|
|
64
66
|
border: 'none',
|
|
65
|
-
color: base02
|
|
67
|
+
color: base02,
|
|
66
68
|
},
|
|
67
69
|
'.cm-tooltip': {
|
|
68
70
|
border: 'none',
|
|
69
|
-
backgroundColor: tooltipBackground
|
|
71
|
+
backgroundColor: tooltipBackground,
|
|
70
72
|
},
|
|
71
73
|
'.cm-tooltip .cm-tooltip-arrow:before': {
|
|
72
74
|
borderTopColor: 'transparent',
|
|
73
|
-
borderBottomColor: 'transparent'
|
|
75
|
+
borderBottomColor: 'transparent',
|
|
74
76
|
},
|
|
75
77
|
'.cm-tooltip .cm-tooltip-arrow:after': {
|
|
76
78
|
borderTopColor: tooltipBackground,
|
|
77
|
-
borderBottomColor: tooltipBackground
|
|
79
|
+
borderBottomColor: tooltipBackground,
|
|
78
80
|
},
|
|
79
81
|
'.cm-tooltip-autocomplete': {
|
|
80
82
|
'& > ul > li[aria-selected]': {
|
|
81
83
|
backgroundColor: highlightBackground,
|
|
82
|
-
color: base03
|
|
83
|
-
}
|
|
84
|
-
}
|
|
84
|
+
color: base03,
|
|
85
|
+
},
|
|
86
|
+
},
|
|
85
87
|
}, { dark: true });
|
|
86
|
-
|
|
88
|
+
/**
|
|
89
|
+
The highlighting style for code in the Basic Light theme.
|
|
90
|
+
*/
|
|
87
91
|
const basicDarkHighlightStyle = language.HighlightStyle.define([
|
|
88
92
|
{ tag: highlight.tags.keyword, color: base0A },
|
|
89
93
|
{
|
|
90
94
|
tag: [highlight.tags.name, highlight.tags.deleted, highlight.tags.character, highlight.tags.propertyName, highlight.tags.macroName],
|
|
91
|
-
color: base0C
|
|
95
|
+
color: base0C,
|
|
92
96
|
},
|
|
93
97
|
{ tag: [highlight.tags.variableName], color: base0D },
|
|
94
98
|
{ tag: [highlight.tags.function(highlight.tags.variableName)], color: base0A },
|
|
95
99
|
{ tag: [highlight.tags.labelName], color: base09 },
|
|
96
100
|
{
|
|
97
101
|
tag: [highlight.tags.color, highlight.tags.constant(highlight.tags.name), highlight.tags.standard(highlight.tags.name)],
|
|
98
|
-
color: base0A
|
|
102
|
+
color: base0A,
|
|
99
103
|
},
|
|
100
104
|
{ tag: [highlight.tags.definition(highlight.tags.name), highlight.tags.separator], color: base0E },
|
|
101
105
|
{ tag: [highlight.tags.brace], color: base0E },
|
|
102
106
|
{
|
|
103
107
|
tag: [highlight.tags.annotation],
|
|
104
|
-
color: invalid
|
|
108
|
+
color: invalid,
|
|
105
109
|
},
|
|
106
110
|
{
|
|
107
111
|
tag: [highlight.tags.number, highlight.tags.changed, highlight.tags.annotation, highlight.tags.modifier, highlight.tags.self, highlight.tags.namespace],
|
|
108
|
-
color: base0A
|
|
112
|
+
color: base0A,
|
|
109
113
|
},
|
|
110
114
|
{
|
|
111
115
|
tag: [highlight.tags.typeName, highlight.tags.className],
|
|
112
|
-
color: base0D
|
|
116
|
+
color: base0D,
|
|
113
117
|
},
|
|
114
118
|
{
|
|
115
119
|
tag: [highlight.tags.operator, highlight.tags.operatorKeyword],
|
|
116
|
-
color: base0E
|
|
120
|
+
color: base0E,
|
|
117
121
|
},
|
|
118
122
|
{
|
|
119
123
|
tag: [highlight.tags.tagName],
|
|
120
|
-
color: base0A
|
|
124
|
+
color: base0A,
|
|
121
125
|
},
|
|
122
126
|
{
|
|
123
127
|
tag: [highlight.tags.squareBracket],
|
|
124
|
-
color: base0E
|
|
128
|
+
color: base0E,
|
|
125
129
|
},
|
|
126
130
|
{
|
|
127
131
|
tag: [highlight.tags.angleBracket],
|
|
128
|
-
color: base0E
|
|
132
|
+
color: base0E,
|
|
129
133
|
},
|
|
130
134
|
{
|
|
131
135
|
tag: [highlight.tags.attributeName],
|
|
132
|
-
color: base0D
|
|
136
|
+
color: base0D,
|
|
133
137
|
},
|
|
134
138
|
{
|
|
135
139
|
tag: [highlight.tags.regexp],
|
|
136
|
-
color: base0A
|
|
140
|
+
color: base0A,
|
|
137
141
|
},
|
|
138
142
|
{
|
|
139
143
|
tag: [highlight.tags.quote],
|
|
140
|
-
color: base01
|
|
144
|
+
color: base01,
|
|
141
145
|
},
|
|
142
146
|
{ tag: [highlight.tags.string], color: base0C },
|
|
143
147
|
{
|
|
144
148
|
tag: highlight.tags.link,
|
|
145
149
|
color: base0F,
|
|
146
150
|
textDecoration: 'underline',
|
|
147
|
-
textUnderlinePosition: 'under'
|
|
151
|
+
textUnderlinePosition: 'under',
|
|
148
152
|
},
|
|
149
153
|
{
|
|
150
154
|
tag: [highlight.tags.url, highlight.tags.escape, highlight.tags.special(highlight.tags.string)],
|
|
151
|
-
color: base0B
|
|
155
|
+
color: base0B,
|
|
152
156
|
},
|
|
153
157
|
{ tag: [highlight.tags.meta], color: base08 },
|
|
154
158
|
{ tag: [highlight.tags.comment], color: base06, fontStyle: 'italic' },
|
|
@@ -162,28 +166,30 @@ const basicDarkHighlightStyle = language.HighlightStyle.define([
|
|
|
162
166
|
{
|
|
163
167
|
tag: [highlight.tags.heading2, highlight.tags.heading3, highlight.tags.heading4],
|
|
164
168
|
fontWeight: 'bold',
|
|
165
|
-
color: base01
|
|
169
|
+
color: base01,
|
|
166
170
|
},
|
|
167
171
|
{
|
|
168
172
|
tag: [highlight.tags.heading5, highlight.tags.heading6],
|
|
169
|
-
color: base01
|
|
173
|
+
color: base01,
|
|
170
174
|
},
|
|
171
175
|
{ tag: [highlight.tags.atom, highlight.tags.bool, highlight.tags.special(highlight.tags.variableName)], color: base0B },
|
|
172
176
|
{
|
|
173
177
|
tag: [highlight.tags.processingInstruction, highlight.tags.inserted],
|
|
174
|
-
color: base0B
|
|
178
|
+
color: base0B,
|
|
175
179
|
},
|
|
176
180
|
{
|
|
177
181
|
tag: [highlight.tags.contentSeparator],
|
|
178
|
-
color: base0D
|
|
182
|
+
color: base0D,
|
|
179
183
|
},
|
|
180
|
-
{ tag: highlight.tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` }
|
|
184
|
+
{ tag: highlight.tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` },
|
|
181
185
|
]);
|
|
182
|
-
|
|
183
|
-
|
|
186
|
+
/**
|
|
187
|
+
Extension to enable the Basic Dark theme (both the editor theme and
|
|
188
|
+
the highlight style).
|
|
189
|
+
*/
|
|
184
190
|
const basicDark = [
|
|
185
191
|
basicDarkTheme,
|
|
186
|
-
language.syntaxHighlighting(basicDarkHighlightStyle)
|
|
192
|
+
language.syntaxHighlighting(basicDarkHighlightStyle),
|
|
187
193
|
];
|
|
188
194
|
|
|
189
195
|
exports.basicDark = basicDark;
|
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 Dark.
|
|
6
|
+
*/
|
|
4
7
|
declare const basicDarkTheme: Extension;
|
|
8
|
+
/**
|
|
9
|
+
The highlighting style for code in the Basic Light theme.
|
|
10
|
+
*/
|
|
5
11
|
declare const basicDarkHighlightStyle: HighlightStyle;
|
|
12
|
+
/**
|
|
13
|
+
Extension to enable the Basic Dark theme (both the editor theme and
|
|
14
|
+
the highlight style).
|
|
15
|
+
*/
|
|
6
16
|
declare const basicDark: Extension;
|
|
7
17
|
|
|
8
18
|
export { basicDark, basicDarkHighlightStyle, basicDarkTheme };
|
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 Dark.
|
|
6
|
+
*/
|
|
4
7
|
declare const basicDarkTheme: Extension;
|
|
8
|
+
/**
|
|
9
|
+
The highlighting style for code in the Basic Light theme.
|
|
10
|
+
*/
|
|
5
11
|
declare const basicDarkHighlightStyle: HighlightStyle;
|
|
12
|
+
/**
|
|
13
|
+
Extension to enable the Basic Dark theme (both the editor theme and
|
|
14
|
+
the highlight style).
|
|
15
|
+
*/
|
|
6
16
|
declare const basicDark: Extension;
|
|
7
17
|
|
|
8
18
|
export { basicDark, basicDarkHighlightStyle, basicDarkTheme };
|
package/dist/index.js
CHANGED
|
@@ -4,19 +4,21 @@ 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
6
|
const invalid = base09, darkBackground = '#292d30', highlightBackground = base02 + '30', background = base00, tooltipBackground = base01, selection = '#b2cbf9b8', cursor = base01;
|
|
7
|
-
|
|
7
|
+
/**
|
|
8
|
+
The editor theme styles for Basic Dark.
|
|
9
|
+
*/
|
|
8
10
|
const basicDarkTheme = /*@__PURE__*/EditorView.theme({
|
|
9
11
|
'&': {
|
|
10
12
|
color: base01,
|
|
11
|
-
backgroundColor: background
|
|
13
|
+
backgroundColor: background,
|
|
12
14
|
},
|
|
13
15
|
'.cm-content': {
|
|
14
|
-
caretColor: cursor
|
|
16
|
+
caretColor: cursor,
|
|
15
17
|
},
|
|
16
18
|
'.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
|
17
19
|
'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
18
20
|
backgroundColor: selection,
|
|
19
|
-
color: '#000000'
|
|
21
|
+
color: '#000000',
|
|
20
22
|
},
|
|
21
23
|
'.cm-panels': { backgroundColor: darkBackground, color: base03 },
|
|
22
24
|
'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
|
@@ -24,129 +26,131 @@ const basicDarkTheme = /*@__PURE__*/EditorView.theme({
|
|
|
24
26
|
'.cm-searchMatch': {
|
|
25
27
|
backgroundColor: base02,
|
|
26
28
|
outline: `1px solid ${base03}`,
|
|
27
|
-
color: base07
|
|
29
|
+
color: base07,
|
|
28
30
|
},
|
|
29
31
|
'.cm-searchMatch.cm-searchMatch-selected': {
|
|
30
32
|
backgroundColor: base05,
|
|
31
|
-
color: base07
|
|
33
|
+
color: base07,
|
|
32
34
|
},
|
|
33
35
|
'.cm-searchMatch .cm-selectionMatch': {
|
|
34
|
-
color: base07
|
|
36
|
+
color: base07,
|
|
35
37
|
},
|
|
36
38
|
'.cm-searchMatch .cm-selectionMatch .ͼ3w': {
|
|
37
|
-
color: base07
|
|
39
|
+
color: base07,
|
|
38
40
|
},
|
|
39
41
|
'.cm-searchMatch .ͼ3w': {
|
|
40
|
-
color: base07
|
|
42
|
+
color: base07,
|
|
41
43
|
},
|
|
42
44
|
'.cm-activeLine': { backgroundColor: highlightBackground },
|
|
43
45
|
'.cm-selectionMatch': { backgroundColor: highlightBackground },
|
|
44
46
|
'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
|
45
|
-
outline: `1px solid ${base03}
|
|
47
|
+
outline: `1px solid ${base03}`,
|
|
46
48
|
},
|
|
47
49
|
'&.cm-focused .cm-matchingBracket': {
|
|
48
50
|
backgroundColor: base02,
|
|
49
|
-
color: base07
|
|
51
|
+
color: base07,
|
|
50
52
|
},
|
|
51
53
|
'.cm-gutters': {
|
|
52
|
-
borderRight:
|
|
54
|
+
borderRight: '1px solid #ffffff10',
|
|
53
55
|
color: base06,
|
|
54
|
-
backgroundColor: darkBackground
|
|
56
|
+
backgroundColor: darkBackground,
|
|
55
57
|
},
|
|
56
58
|
'.cm-activeLineGutter': {
|
|
57
59
|
backgroundColor: selection,
|
|
58
|
-
color: '#000000'
|
|
60
|
+
color: '#000000',
|
|
59
61
|
},
|
|
60
62
|
'.cm-foldPlaceholder': {
|
|
61
63
|
backgroundColor: 'transparent',
|
|
62
64
|
border: 'none',
|
|
63
|
-
color: base02
|
|
65
|
+
color: base02,
|
|
64
66
|
},
|
|
65
67
|
'.cm-tooltip': {
|
|
66
68
|
border: 'none',
|
|
67
|
-
backgroundColor: tooltipBackground
|
|
69
|
+
backgroundColor: tooltipBackground,
|
|
68
70
|
},
|
|
69
71
|
'.cm-tooltip .cm-tooltip-arrow:before': {
|
|
70
72
|
borderTopColor: 'transparent',
|
|
71
|
-
borderBottomColor: 'transparent'
|
|
73
|
+
borderBottomColor: 'transparent',
|
|
72
74
|
},
|
|
73
75
|
'.cm-tooltip .cm-tooltip-arrow:after': {
|
|
74
76
|
borderTopColor: tooltipBackground,
|
|
75
|
-
borderBottomColor: tooltipBackground
|
|
77
|
+
borderBottomColor: tooltipBackground,
|
|
76
78
|
},
|
|
77
79
|
'.cm-tooltip-autocomplete': {
|
|
78
80
|
'& > ul > li[aria-selected]': {
|
|
79
81
|
backgroundColor: highlightBackground,
|
|
80
|
-
color: base03
|
|
81
|
-
}
|
|
82
|
-
}
|
|
82
|
+
color: base03,
|
|
83
|
+
},
|
|
84
|
+
},
|
|
83
85
|
}, { dark: true });
|
|
84
|
-
|
|
86
|
+
/**
|
|
87
|
+
The highlighting style for code in the Basic Light theme.
|
|
88
|
+
*/
|
|
85
89
|
const basicDarkHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
86
90
|
{ tag: tags.keyword, color: base0A },
|
|
87
91
|
{
|
|
88
92
|
tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName],
|
|
89
|
-
color: base0C
|
|
93
|
+
color: base0C,
|
|
90
94
|
},
|
|
91
95
|
{ tag: [tags.variableName], color: base0D },
|
|
92
96
|
{ tag: [/*@__PURE__*/tags.function(tags.variableName)], color: base0A },
|
|
93
97
|
{ tag: [tags.labelName], color: base09 },
|
|
94
98
|
{
|
|
95
99
|
tag: [tags.color, /*@__PURE__*/tags.constant(tags.name), /*@__PURE__*/tags.standard(tags.name)],
|
|
96
|
-
color: base0A
|
|
100
|
+
color: base0A,
|
|
97
101
|
},
|
|
98
102
|
{ tag: [/*@__PURE__*/tags.definition(tags.name), tags.separator], color: base0E },
|
|
99
103
|
{ tag: [tags.brace], color: base0E },
|
|
100
104
|
{
|
|
101
105
|
tag: [tags.annotation],
|
|
102
|
-
color: invalid
|
|
106
|
+
color: invalid,
|
|
103
107
|
},
|
|
104
108
|
{
|
|
105
109
|
tag: [tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
|
|
106
|
-
color: base0A
|
|
110
|
+
color: base0A,
|
|
107
111
|
},
|
|
108
112
|
{
|
|
109
113
|
tag: [tags.typeName, tags.className],
|
|
110
|
-
color: base0D
|
|
114
|
+
color: base0D,
|
|
111
115
|
},
|
|
112
116
|
{
|
|
113
117
|
tag: [tags.operator, tags.operatorKeyword],
|
|
114
|
-
color: base0E
|
|
118
|
+
color: base0E,
|
|
115
119
|
},
|
|
116
120
|
{
|
|
117
121
|
tag: [tags.tagName],
|
|
118
|
-
color: base0A
|
|
122
|
+
color: base0A,
|
|
119
123
|
},
|
|
120
124
|
{
|
|
121
125
|
tag: [tags.squareBracket],
|
|
122
|
-
color: base0E
|
|
126
|
+
color: base0E,
|
|
123
127
|
},
|
|
124
128
|
{
|
|
125
129
|
tag: [tags.angleBracket],
|
|
126
|
-
color: base0E
|
|
130
|
+
color: base0E,
|
|
127
131
|
},
|
|
128
132
|
{
|
|
129
133
|
tag: [tags.attributeName],
|
|
130
|
-
color: base0D
|
|
134
|
+
color: base0D,
|
|
131
135
|
},
|
|
132
136
|
{
|
|
133
137
|
tag: [tags.regexp],
|
|
134
|
-
color: base0A
|
|
138
|
+
color: base0A,
|
|
135
139
|
},
|
|
136
140
|
{
|
|
137
141
|
tag: [tags.quote],
|
|
138
|
-
color: base01
|
|
142
|
+
color: base01,
|
|
139
143
|
},
|
|
140
144
|
{ tag: [tags.string], color: base0C },
|
|
141
145
|
{
|
|
142
146
|
tag: tags.link,
|
|
143
147
|
color: base0F,
|
|
144
148
|
textDecoration: 'underline',
|
|
145
|
-
textUnderlinePosition: 'under'
|
|
149
|
+
textUnderlinePosition: 'under',
|
|
146
150
|
},
|
|
147
151
|
{
|
|
148
152
|
tag: [tags.url, tags.escape, /*@__PURE__*/tags.special(tags.string)],
|
|
149
|
-
color: base0B
|
|
153
|
+
color: base0B,
|
|
150
154
|
},
|
|
151
155
|
{ tag: [tags.meta], color: base08 },
|
|
152
156
|
{ tag: [tags.comment], color: base06, fontStyle: 'italic' },
|
|
@@ -160,28 +164,30 @@ const basicDarkHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
|
160
164
|
{
|
|
161
165
|
tag: [tags.heading2, tags.heading3, tags.heading4],
|
|
162
166
|
fontWeight: 'bold',
|
|
163
|
-
color: base01
|
|
167
|
+
color: base01,
|
|
164
168
|
},
|
|
165
169
|
{
|
|
166
170
|
tag: [tags.heading5, tags.heading6],
|
|
167
|
-
color: base01
|
|
171
|
+
color: base01,
|
|
168
172
|
},
|
|
169
173
|
{ tag: [tags.atom, tags.bool, /*@__PURE__*/tags.special(tags.variableName)], color: base0B },
|
|
170
174
|
{
|
|
171
175
|
tag: [tags.processingInstruction, tags.inserted],
|
|
172
|
-
color: base0B
|
|
176
|
+
color: base0B,
|
|
173
177
|
},
|
|
174
178
|
{
|
|
175
179
|
tag: [tags.contentSeparator],
|
|
176
|
-
color: base0D
|
|
180
|
+
color: base0D,
|
|
177
181
|
},
|
|
178
|
-
{ tag: tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` }
|
|
182
|
+
{ tag: tags.invalid, color: base02, borderBottom: `1px dotted ${invalid}` },
|
|
179
183
|
]);
|
|
180
|
-
|
|
181
|
-
|
|
184
|
+
/**
|
|
185
|
+
Extension to enable the Basic Dark theme (both the editor theme and
|
|
186
|
+
the highlight style).
|
|
187
|
+
*/
|
|
182
188
|
const basicDark = [
|
|
183
189
|
basicDarkTheme,
|
|
184
|
-
/*@__PURE__*/syntaxHighlighting(basicDarkHighlightStyle)
|
|
190
|
+
/*@__PURE__*/syntaxHighlighting(basicDarkHighlightStyle),
|
|
185
191
|
];
|
|
186
192
|
|
|
187
193
|
export { basicDark, basicDarkHighlightStyle, basicDarkTheme };
|
package/package.json
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@fsegurai/codemirror-theme-basic-dark",
|
|
3
|
-
"description": "Basic Dark 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-dark",
|
|
3
|
+
"description": "Basic Dark 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
|
+
}
|