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