@fsegurai/codemirror-theme-forest 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 Forest theme color palette
@@ -47,17 +47,17 @@ const forestTheme = view.EditorView.theme({
47
47
  '&': {
48
48
  color: base01,
49
49
  backgroundColor: base00,
50
- fontSize: _utils.generalContent.fontSize,
51
- fontFamily: _utils.generalContent.fontFamily,
50
+ fontSize: utils.generalContent.fontSize,
51
+ fontFamily: utils.generalContent.fontFamily,
52
52
  },
53
53
  // Content and cursor
54
54
  '.cm-content': {
55
55
  caretColor: cursor,
56
- lineHeight: _utils.generalContent.lineHeight,
56
+ lineHeight: utils.generalContent.lineHeight,
57
57
  },
58
58
  '.cm-cursor, .cm-dropCursor': {
59
59
  borderLeftColor: cursor,
60
- borderLeftWidth: _utils.generalCursor.borderLeftWidth,
60
+ borderLeftWidth: utils.generalCursor.borderLeftWidth,
61
61
  },
62
62
  '.cm-fat-cursor': {
63
63
  backgroundColor: `${cursor}99`,
@@ -77,7 +77,7 @@ const forestTheme = view.EditorView.theme({
77
77
  backgroundColor: '#4d653b80',
78
78
  outline: `1px solid ${base0A}90`,
79
79
  color: base01,
80
- borderRadius: _utils.generalSearchField.borderRadius,
80
+ borderRadius: utils.generalSearchField.borderRadius,
81
81
  '& span': {
82
82
  color: base01,
83
83
  },
@@ -85,15 +85,15 @@ const forestTheme = view.EditorView.theme({
85
85
  '.cm-searchMatch.cm-searchMatch-selected': {
86
86
  backgroundColor: '#42855c',
87
87
  color: base01,
88
- padding: _utils.generalSearchField.padding,
88
+ padding: utils.generalSearchField.padding,
89
89
  '& span': {
90
90
  color: base01,
91
91
  },
92
92
  },
93
93
  '.cm-search.cm-panel.cm-textfield': {
94
94
  color: base01,
95
- borderRadius: _utils.generalSearchField.borderRadius,
96
- padding: _utils.generalSearchField.padding,
95
+ borderRadius: utils.generalSearchField.borderRadius,
96
+ padding: utils.generalSearchField.padding,
97
97
  },
98
98
  // Panels
99
99
  '.cm-panels': {
@@ -110,9 +110,9 @@ const forestTheme = view.EditorView.theme({
110
110
  '.cm-panel button': {
111
111
  backgroundColor: darkBackground,
112
112
  color: base01,
113
- border: _utils.generalPanel.border,
114
- borderRadius: _utils.generalPanel.borderRadius,
115
- padding: _utils.generalPanel.padding,
113
+ border: utils.generalPanel.border,
114
+ borderRadius: utils.generalPanel.borderRadius,
115
+ padding: utils.generalPanel.padding,
116
116
  },
117
117
  '.cm-panel button:hover': {
118
118
  backgroundColor: '#2d3d47',
@@ -120,27 +120,27 @@ const forestTheme = view.EditorView.theme({
120
120
  // Line highlighting
121
121
  '.cm-activeLine': {
122
122
  backgroundColor: highlightBackground,
123
- borderRadius: _utils.generalLine.borderRadius,
123
+ borderRadius: utils.generalLine.borderRadius,
124
124
  zIndex: 1,
125
125
  },
126
126
  // Gutters
127
127
  '.cm-gutters': {
128
128
  backgroundColor: darkBackground,
129
129
  color: lineNumbers,
130
- border: _utils.generalGutter.border,
130
+ border: utils.generalGutter.border,
131
131
  borderRight: '1px solid #3e505980',
132
- paddingRight: _utils.generalGutter.paddingRight,
132
+ paddingRight: utils.generalGutter.paddingRight,
133
133
  },
134
134
  '.cm-activeLineGutter': {
135
135
  backgroundColor: highlightBackground,
136
136
  color: base01,
137
- fontWeight: _utils.generalGutter.fontWeight,
137
+ fontWeight: utils.generalGutter.fontWeight,
138
138
  },
139
139
  '.cm-lineNumbers': {
140
- fontSize: _utils.generalGutter.fontSize,
140
+ fontSize: utils.generalGutter.fontSize,
141
141
  },
142
142
  '.cm-foldGutter': {
143
- fontSize: _utils.generalGutter.fontSize,
143
+ fontSize: utils.generalGutter.fontSize,
144
144
  },
145
145
  '.cm-foldGutter .cm-gutterElement': {
146
146
  color: lineNumbers,
@@ -153,8 +153,8 @@ const forestTheme = view.EditorView.theme({
153
153
  '.cm-tooltip': {
154
154
  backgroundColor: tooltipBackground,
155
155
  border: '1px solid #3e5059',
156
- borderRadius: _utils.generalTooltip.borderRadius,
157
- padding: _utils.generalTooltip.padding,
156
+ borderRadius: utils.generalTooltip.borderRadius,
157
+ padding: utils.generalTooltip.padding,
158
158
  boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
159
159
  },
160
160
  '.cm-tooltip-autocomplete': {
@@ -163,17 +163,17 @@ const forestTheme = view.EditorView.theme({
163
163
  border: 'none',
164
164
  },
165
165
  '& > ul > li': {
166
- padding: _utils.generalTooltip.padding,
167
- lineHeight: _utils.generalTooltip.lineHeight,
166
+ padding: utils.generalTooltip.padding,
167
+ lineHeight: utils.generalTooltip.lineHeight,
168
168
  },
169
169
  '& > ul > li[aria-selected]': {
170
170
  backgroundColor: selection,
171
171
  color: base01,
172
- borderRadius: _utils.generalTooltip.borderRadiusSelected,
172
+ borderRadius: utils.generalTooltip.borderRadiusSelected,
173
173
  },
174
174
  '& > ul > li > span.cm-completionIcon': {
175
175
  color: base03,
176
- paddingRight: _utils.generalTooltip.paddingRight,
176
+ paddingRight: utils.generalTooltip.paddingRight,
177
177
  },
178
178
  '& > ul > li > span.cm-completionDetail': {
179
179
  color: base03,
@@ -210,27 +210,27 @@ const forestTheme = view.EditorView.theme({
210
210
  '.cm-matchingBracket': {
211
211
  backgroundColor: activeBracketBg,
212
212
  outline: `1px solid ${activeBracketBorder}80`,
213
- borderRadius: _utils.generalMatching.borderRadius,
213
+ borderRadius: utils.generalMatching.borderRadius,
214
214
  },
215
215
  '.cm-nonmatchingBracket': {
216
216
  backgroundColor: '#5d482f80',
217
217
  outline: `1px solid ${invalid}80`,
218
- borderRadius: _utils.generalMatching.borderRadius,
218
+ borderRadius: utils.generalMatching.borderRadius,
219
219
  },
220
220
  // Selection matches
221
221
  '.cm-selectionMatch': {
222
222
  backgroundColor: selectionMatch,
223
223
  outline: `1px solid ${base0A}40`,
224
- borderRadius: _utils.generalMatching.borderRadius,
224
+ borderRadius: utils.generalMatching.borderRadius,
225
225
  },
226
226
  // Fold placeholder
227
227
  '.cm-foldPlaceholder': {
228
228
  backgroundColor: 'transparent',
229
229
  color: base03,
230
230
  border: `1px dotted ${base0A}70`,
231
- borderRadius: _utils.generalPlaceholder.borderRadius,
232
- padding: _utils.generalPlaceholder.padding,
233
- margin: _utils.generalPlaceholder.margin,
231
+ borderRadius: utils.generalPlaceholder.borderRadius,
232
+ padding: utils.generalPlaceholder.padding,
233
+ margin: utils.generalPlaceholder.margin,
234
234
  },
235
235
  // Focus outline
236
236
  '&.cm-focused': {
@@ -239,15 +239,15 @@ const forestTheme = view.EditorView.theme({
239
239
  },
240
240
  // Scrollbars
241
241
  '& .cm-scroller::-webkit-scrollbar': {
242
- width: _utils.generalScroller.width,
243
- height: _utils.generalScroller.height,
242
+ width: utils.generalScroller.width,
243
+ height: utils.generalScroller.height,
244
244
  },
245
245
  '& .cm-scroller::-webkit-scrollbar-track': {
246
246
  background: darkBackground,
247
247
  },
248
248
  '& .cm-scroller::-webkit-scrollbar-thumb': {
249
249
  backgroundColor: '#3e5059',
250
- borderRadius: _utils.generalScroller.borderRadius,
250
+ borderRadius: utils.generalScroller.borderRadius,
251
251
  border: `3px solid ${darkBackground}`,
252
252
  },
253
253
  '& .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 Forest theme color palette
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fsegurai/codemirror-theme-forest",
3
3
  "description": "Forest 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": {