@fsegurai/codemirror-theme-basic-dark 6.2.0-beta.1 → 6.2.0-beta.2

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 +33 -33
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  var view = require('@codemirror/view');
4
4
  var language = require('@codemirror/language');
5
5
  var highlight = require('@lezer/highlight');
6
- var _utils = require('@utils');
6
+ var utils = require('../../.helper/utils');
7
7
 
8
8
  /**
9
9
  * Enhanced Basic Dark theme color palette
@@ -42,17 +42,17 @@ const basicDarkTheme = view.EditorView.theme({
42
42
  '&': {
43
43
  color: base01,
44
44
  backgroundColor: base00,
45
- fontSize: _utils.generalContent.fontSize,
46
- fontFamily: _utils.generalContent.fontFamily,
45
+ fontSize: utils.generalContent.fontSize,
46
+ fontFamily: utils.generalContent.fontFamily,
47
47
  },
48
48
  // Content and cursor
49
49
  '.cm-content': {
50
50
  caretColor: cursor,
51
- lineHeight: _utils.generalContent.lineHeight,
51
+ lineHeight: utils.generalContent.lineHeight,
52
52
  },
53
53
  '.cm-cursor, .cm-dropCursor': {
54
54
  borderLeftColor: cursor,
55
- borderLeftWidth: _utils.generalCursor.borderLeftWidth,
55
+ borderLeftWidth: utils.generalCursor.borderLeftWidth,
56
56
  },
57
57
  '.cm-fat-cursor': {
58
58
  backgroundColor: `${cursor}99`,
@@ -72,7 +72,7 @@ const basicDarkTheme = view.EditorView.theme({
72
72
  backgroundColor: '#4a74c480',
73
73
  outline: `1px solid ${base02}`,
74
74
  color: base01,
75
- borderRadius: _utils.generalSearchField.borderRadius,
75
+ borderRadius: utils.generalSearchField.borderRadius,
76
76
  '& span': {
77
77
  color: base01,
78
78
  },
@@ -80,15 +80,15 @@ const basicDarkTheme = view.EditorView.theme({
80
80
  '.cm-searchMatch.cm-searchMatch-selected': {
81
81
  backgroundColor: '#5c88da90',
82
82
  color: base01,
83
- padding: _utils.generalSearchField.padding,
83
+ padding: utils.generalSearchField.padding,
84
84
  '& span': {
85
85
  color: base01,
86
86
  },
87
87
  },
88
88
  '.cm-search.cm-panel.cm-textfield': {
89
89
  color: base05,
90
- borderRadius: _utils.generalSearchField.borderRadius,
91
- padding: _utils.generalSearchField.padding,
90
+ borderRadius: utils.generalSearchField.borderRadius,
91
+ padding: utils.generalSearchField.padding,
92
92
  },
93
93
  // Panels
94
94
  '.cm-panels': {
@@ -105,9 +105,9 @@ const basicDarkTheme = view.EditorView.theme({
105
105
  '.cm-panel button': {
106
106
  backgroundColor: darkBackground,
107
107
  color: base05,
108
- border: _utils.generalPanel.border,
109
- borderRadius: _utils.generalPanel.borderRadius,
110
- padding: _utils.generalPanel.padding,
108
+ border: utils.generalPanel.border,
109
+ borderRadius: utils.generalPanel.borderRadius,
110
+ padding: utils.generalPanel.padding,
111
111
  },
112
112
  '.cm-panel button:hover': {
113
113
  backgroundColor: '#35373d',
@@ -115,27 +115,27 @@ const basicDarkTheme = view.EditorView.theme({
115
115
  // Line highlighting
116
116
  '.cm-activeLine': {
117
117
  backgroundColor: highlightBackground,
118
- borderRadius: _utils.generalLine.borderRadius,
118
+ borderRadius: utils.generalLine.borderRadius,
119
119
  zIndex: 1,
120
120
  },
121
121
  // Gutters
122
122
  '.cm-gutters': {
123
123
  backgroundColor: darkBackground,
124
124
  color: base06,
125
- border: _utils.generalGutter.border,
125
+ border: utils.generalGutter.border,
126
126
  borderRight: '1px solid #35383d',
127
- paddingRight: _utils.generalGutter.paddingRight,
127
+ paddingRight: utils.generalGutter.paddingRight,
128
128
  },
129
129
  '.cm-activeLineGutter': {
130
130
  backgroundColor: highlightBackground,
131
131
  color: base03,
132
- fontWeight: _utils.generalGutter.fontWeight,
132
+ fontWeight: utils.generalGutter.fontWeight,
133
133
  },
134
134
  '.cm-lineNumbers': {
135
- fontSize: _utils.generalGutter.fontSize,
135
+ fontSize: utils.generalGutter.fontSize,
136
136
  },
137
137
  '.cm-foldGutter': {
138
- fontSize: _utils.generalGutter.fontSize,
138
+ fontSize: utils.generalGutter.fontSize,
139
139
  },
140
140
  '.cm-foldGutter .cm-gutterElement': {
141
141
  color: base06,
@@ -148,8 +148,8 @@ const basicDarkTheme = view.EditorView.theme({
148
148
  '.cm-tooltip': {
149
149
  backgroundColor: tooltipBackground,
150
150
  border: '1px solid #3a3a3a',
151
- borderRadius: _utils.generalTooltip.borderRadius,
152
- padding: _utils.generalTooltip.padding,
151
+ borderRadius: utils.generalTooltip.borderRadius,
152
+ padding: utils.generalTooltip.padding,
153
153
  boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
154
154
  },
155
155
  '.cm-tooltip-autocomplete': {
@@ -158,17 +158,17 @@ const basicDarkTheme = view.EditorView.theme({
158
158
  border: 'none',
159
159
  },
160
160
  '& > ul > li': {
161
- padding: _utils.generalTooltip.padding,
162
- lineHeight: _utils.generalTooltip.lineHeight,
161
+ padding: utils.generalTooltip.padding,
162
+ lineHeight: utils.generalTooltip.lineHeight,
163
163
  },
164
164
  '& > ul > li[aria-selected]': {
165
165
  backgroundColor: selectionBackground,
166
166
  color: base01,
167
- borderRadius: _utils.generalTooltip.borderRadiusSelected,
167
+ borderRadius: utils.generalTooltip.borderRadiusSelected,
168
168
  },
169
169
  '& > ul > li > span.cm-completionIcon': {
170
170
  color: base06,
171
- paddingRight: _utils.generalTooltip.paddingRight,
171
+ paddingRight: utils.generalTooltip.paddingRight,
172
172
  },
173
173
  '& > ul > li > span.cm-completionDetail': {
174
174
  color: base06,
@@ -205,27 +205,27 @@ const basicDarkTheme = view.EditorView.theme({
205
205
  '.cm-matchingBracket': {
206
206
  backgroundColor: activeBracketBg,
207
207
  outline: `1px solid ${activeBracketBorder}60`,
208
- borderRadius: _utils.generalMatching.borderRadius,
208
+ borderRadius: utils.generalMatching.borderRadius,
209
209
  },
210
210
  '.cm-nonmatchingBracket': {
211
211
  backgroundColor: '#e06c7540',
212
212
  outline: `1px solid ${invalid}`,
213
- borderRadius: _utils.generalMatching.borderRadius,
213
+ borderRadius: utils.generalMatching.borderRadius,
214
214
  },
215
215
  // Selection matches
216
216
  '.cm-selectionMatch': {
217
217
  backgroundColor: '#4a74c440',
218
218
  outline: `1px solid ${base02}50`,
219
- borderRadius: _utils.generalMatching.borderRadius,
219
+ borderRadius: utils.generalMatching.borderRadius,
220
220
  },
221
221
  // Fold placeholder
222
222
  '.cm-foldPlaceholder': {
223
223
  backgroundColor: 'transparent',
224
224
  color: base02,
225
225
  border: `1px dotted ${base02}70`,
226
- borderRadius: _utils.generalPlaceholder.borderRadius,
227
- padding: _utils.generalPlaceholder.padding,
228
- margin: _utils.generalPlaceholder.margin,
226
+ borderRadius: utils.generalPlaceholder.borderRadius,
227
+ padding: utils.generalPlaceholder.padding,
228
+ margin: utils.generalPlaceholder.margin,
229
229
  },
230
230
  // Focus outline
231
231
  '&.cm-focused': {
@@ -234,15 +234,15 @@ const basicDarkTheme = view.EditorView.theme({
234
234
  },
235
235
  // Scrollbars
236
236
  '& .cm-scroller::-webkit-scrollbar': {
237
- width: _utils.generalScroller.width,
238
- height: _utils.generalScroller.height,
237
+ width: utils.generalScroller.width,
238
+ height: utils.generalScroller.height,
239
239
  },
240
240
  '& .cm-scroller::-webkit-scrollbar-track': {
241
241
  background: darkBackground,
242
242
  },
243
243
  '& .cm-scroller::-webkit-scrollbar-thumb': {
244
244
  backgroundColor: '#444448',
245
- borderRadius: _utils.generalScroller.borderRadius,
245
+ borderRadius: utils.generalScroller.borderRadius,
246
246
  border: `3px solid ${darkBackground}`,
247
247
  },
248
248
  '& .cm-scroller::-webkit-scrollbar-thumb:hover': {
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { EditorView } from '@codemirror/view';
2
2
  import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
3
3
  import { tags } from '@lezer/highlight';
4
- import { generalScroller, generalPlaceholder, generalMatching, generalTooltip, generalGutter, generalLine, generalPanel, generalSearchField, generalCursor, generalContent } from '@utils';
4
+ import { generalScroller, generalPlaceholder, generalMatching, generalTooltip, generalGutter, generalLine, generalPanel, generalSearchField, generalCursor, generalContent } from '../../.helper/utils';
5
5
 
6
6
  /**
7
7
  * Enhanced Basic Dark theme color palette
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.2.0-beta.1",
4
+ "version": "6.2.0-beta.2",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "exports": {