@fsegurai/codemirror-theme-gruvbox-light 6.2.4 → 6.2.7
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 +31 -31
- package/dist/index.cjs +28 -7
- package/dist/index.js +28 -7
- package/package.json +12 -3
package/README.md
CHANGED
|
@@ -70,38 +70,38 @@ Read the [CodeMirror documentation](https://codemirror.net/6/examples/styling/)
|
|
|
70
70
|
|
|
71
71
|
### Available Themes
|
|
72
72
|
|
|
73
|
-
| Theme | Package
|
|
74
|
-
|
|
75
|
-
|
|
|
76
|
-
|
|
|
77
|
-
|
|
|
78
|
-
|
|
|
79
|
-
|
|
|
80
|
-
| Basic
|
|
81
|
-
|
|
|
82
|
-
| Catppuccin Mocha
|
|
83
|
-
| Cobalt2
|
|
84
|
-
| Forest
|
|
85
|
-
| GitHub Dark
|
|
86
|
-
| GitHub Light
|
|
87
|
-
| Gruvbox Dark
|
|
88
|
-
| Gruvbox Light
|
|
89
|
-
| High Contrast Dark
|
|
73
|
+
| Theme | Package | Version |
|
|
74
|
+
|---------------------|-------------------------------------------------------------------------|---------------------------------------------------|
|
|
75
|
+
| Abcdef | [@fsegurai/codemirror-theme-abcdef](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abcdef) |  |
|
|
76
|
+
| Abyss | [@fsegurai/codemirror-theme-abyss](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abyss) |  |
|
|
77
|
+
| Android Studio | [@fsegurai/codemirror-theme-android-studio](https://www.npmjs.com/package/@fsegurai/codemirror-theme-android-studio) |  |
|
|
78
|
+
| Andromeda | [@fsegurai/codemirror-theme-andromeda](https://www.npmjs.com/package/@fsegurai/codemirror-theme-andromeda) |  |
|
|
79
|
+
| Basic Dark | [@fsegurai/codemirror-theme-basic-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-dark) |  |
|
|
80
|
+
| Basic Light | [@fsegurai/codemirror-theme-basic-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-light) |  |
|
|
81
|
+
| All - Bundle | [@fsegurai/codemirror-theme-bundle](https://www.npmjs.com/package/@fsegurai/codemirror-theme-bundle) |  |
|
|
82
|
+
| Catppuccin Mocha | [@fsegurai/codemirror-theme-catppuccin-mocha](https://www.npmjs.com/package/@fsegurai/codemirror-theme-catppuccin-mocha) |  |
|
|
83
|
+
| Cobalt2 | [@fsegurai/codemirror-theme-cobalt2](https://www.npmjs.com/package/@fsegurai/codemirror-theme-cobalt2) |  |
|
|
84
|
+
| Forest | [@fsegurai/codemirror-theme-forest](https://www.npmjs.com/package/@fsegurai/codemirror-theme-forest) |  |
|
|
85
|
+
| GitHub Dark | [@fsegurai/codemirror-theme-github-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-dark) |  |
|
|
86
|
+
| GitHub Light | [@fsegurai/codemirror-theme-github-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-light) |  |
|
|
87
|
+
| Gruvbox Dark | [@fsegurai/codemirror-theme-gruvbox-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-dark) |  |
|
|
88
|
+
| Gruvbox Light | [@fsegurai/codemirror-theme-gruvbox-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-light) |  |
|
|
89
|
+
| High Contrast Dark | [@fsegurai/codemirror-theme-high-contrast-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-dark) |  |
|
|
90
90
|
| High Contrast Light | [@fsegurai/codemirror-theme-high-contrast-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-light) |  |
|
|
91
|
-
| Material Dark
|
|
92
|
-
| Material Light
|
|
93
|
-
| Material Ocean
|
|
94
|
-
| Monokai
|
|
95
|
-
| Nord
|
|
96
|
-
| Palenight
|
|
97
|
-
| Solarized Dark
|
|
98
|
-
| Solarized Light
|
|
99
|
-
| Synthwave 84
|
|
100
|
-
| Tokyo Night Day
|
|
101
|
-
| Tokyo Night Storm
|
|
102
|
-
| Volcano
|
|
103
|
-
| VS Code
|
|
104
|
-
| VS Code
|
|
91
|
+
| Material Dark | [@fsegurai/codemirror-theme-material-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-dark) |  |
|
|
92
|
+
| Material Light | [@fsegurai/codemirror-theme-material-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-light) |  |
|
|
93
|
+
| Material Ocean | [@fsegurai/codemirror-theme-material-ocean](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-ocean) |  |
|
|
94
|
+
| Monokai | [@fsegurai/codemirror-theme-monokai](https://www.npmjs.com/package/@fsegurai/codemirror-theme-monokai) |  |
|
|
95
|
+
| Nord | [@fsegurai/codemirror-theme-nord](https://www.npmjs.com/package/@fsegurai/codemirror-theme-nord) |  |
|
|
96
|
+
| Palenight | [@fsegurai/codemirror-theme-palenight](https://www.npmjs.com/package/@fsegurai/codemirror-theme-palenight) |  |
|
|
97
|
+
| Solarized Dark | [@fsegurai/codemirror-theme-solarized-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-dark) |  |
|
|
98
|
+
| Solarized Light | [@fsegurai/codemirror-theme-solarized-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-light) |  |
|
|
99
|
+
| Synthwave 84 | [@fsegurai/codemirror-theme-synthwave-84](https://www.npmjs.com/package/@fsegurai/codemirror-theme-synthwave-84) |  |
|
|
100
|
+
| Tokyo Night Day | [@fsegurai/codemirror-theme-tokyo-night-day](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-day) |  |
|
|
101
|
+
| Tokyo Night Storm | [@fsegurai/codemirror-theme-tokyo-night-storm](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-storm) |  |
|
|
102
|
+
| Volcano | [@fsegurai/codemirror-theme-volcano](https://www.npmjs.com/package/@fsegurai/codemirror-theme-volcano) |  |
|
|
103
|
+
| VS Code Dark | [@fsegurai/codemirror-theme-vscode-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-dark) |  |
|
|
104
|
+
| VS Code Light | [@fsegurai/codemirror-theme-vscode-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-light) |  |
|
|
105
105
|
|
|
106
106
|
## Demo Application
|
|
107
107
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var view = require('@codemirror/view');
|
|
4
3
|
var language = require('@codemirror/language');
|
|
4
|
+
var view = require('@codemirror/view');
|
|
5
5
|
var highlight = require('@lezer/highlight');
|
|
6
6
|
|
|
7
7
|
// Helper module for styling options
|
|
@@ -314,12 +314,12 @@ const gruvboxLightTheme = view.EditorView.theme({
|
|
|
314
314
|
lineHeight: generalTooltip.lineHeight,
|
|
315
315
|
},
|
|
316
316
|
'& > ul > li[aria-selected]': {
|
|
317
|
-
backgroundColor: base10
|
|
317
|
+
backgroundColor: `${base10}30`,
|
|
318
318
|
color: base00,
|
|
319
319
|
borderRadius: generalTooltip.borderRadiusSelected,
|
|
320
320
|
},
|
|
321
321
|
'& > ul > li:hover': {
|
|
322
|
-
backgroundColor: base10
|
|
322
|
+
backgroundColor: `${base10}15`,
|
|
323
323
|
},
|
|
324
324
|
'& > ul > li > span.cm-completionIcon': {
|
|
325
325
|
color: base03,
|
|
@@ -489,14 +489,35 @@ const gruvboxLightHighlightStyle = language.HighlightStyle.define([
|
|
|
489
489
|
{ tag: highlight.tags.monospace, color: base00 },
|
|
490
490
|
{ tag: [highlight.tags.contentSeparator], color: base0D },
|
|
491
491
|
{ tag: highlight.tags.quote, color: base04 },
|
|
492
|
+
{ tag: highlight.tags.integer, color: base0E },
|
|
493
|
+
{ tag: highlight.tags.float, color: base0E },
|
|
494
|
+
{ tag: highlight.tags.null, color: base0E },
|
|
495
|
+
{ tag: highlight.tags.attributeValue, color: base0B },
|
|
496
|
+
{ tag: highlight.tags.escape, color: base0B },
|
|
497
|
+
{ tag: highlight.tags.paren, color: base04 },
|
|
498
|
+
{ tag: highlight.tags.lineComment, color: base04, fontStyle: 'italic' },
|
|
499
|
+
{ tag: highlight.tags.blockComment, color: base04, fontStyle: 'italic' },
|
|
500
|
+
{ tag: highlight.tags.definitionKeyword, color: base0A },
|
|
501
|
+
{ tag: highlight.tags.arithmeticOperator, color: base00 },
|
|
502
|
+
{ tag: highlight.tags.logicOperator, color: base00 },
|
|
503
|
+
{ tag: highlight.tags.compareOperator, color: base00 },
|
|
504
|
+
{ tag: highlight.tags.bitwiseOperator, color: base00 },
|
|
505
|
+
{ tag: highlight.tags.updateOperator, color: base00 },
|
|
506
|
+
{ tag: highlight.tags.derefOperator, color: base00 },
|
|
507
|
+
{ tag: highlight.tags.local(highlight.tags.variableName), color: base0D },
|
|
508
|
+
{ tag: highlight.tags.list, color: base0C },
|
|
509
|
+
{ tag: highlight.tags.unit, color: base0E },
|
|
510
|
+
{ tag: highlight.tags.heading1, color: base0C },
|
|
511
|
+
{ tag: highlight.tags.heading2, color: base0C },
|
|
512
|
+
{ tag: highlight.tags.heading3, color: base0C },
|
|
513
|
+
{ tag: highlight.tags.heading4, color: base0C },
|
|
514
|
+
{ tag: highlight.tags.heading5, color: base0C },
|
|
515
|
+
{ tag: highlight.tags.heading6, color: base0C },
|
|
492
516
|
]);
|
|
493
517
|
/**
|
|
494
518
|
* Combined Gruvbox Light theme extension
|
|
495
519
|
*/
|
|
496
|
-
const gruvboxLight = [
|
|
497
|
-
gruvboxLightTheme,
|
|
498
|
-
language.syntaxHighlighting(gruvboxLightHighlightStyle),
|
|
499
|
-
];
|
|
520
|
+
const gruvboxLight = [gruvboxLightTheme, language.syntaxHighlighting(gruvboxLightHighlightStyle)];
|
|
500
521
|
/**
|
|
501
522
|
* Gruvbox Light merge revert styles configuration
|
|
502
523
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EditorView } from '@codemirror/view';
|
|
2
1
|
import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
|
|
2
|
+
import { EditorView } from '@codemirror/view';
|
|
3
3
|
import { tags } from '@lezer/highlight';
|
|
4
4
|
|
|
5
5
|
// Helper module for styling options
|
|
@@ -312,12 +312,12 @@ const gruvboxLightTheme = /*@__PURE__*/EditorView.theme({
|
|
|
312
312
|
lineHeight: generalTooltip.lineHeight,
|
|
313
313
|
},
|
|
314
314
|
'& > ul > li[aria-selected]': {
|
|
315
|
-
backgroundColor: base10
|
|
315
|
+
backgroundColor: `${base10}30`,
|
|
316
316
|
color: base00,
|
|
317
317
|
borderRadius: generalTooltip.borderRadiusSelected,
|
|
318
318
|
},
|
|
319
319
|
'& > ul > li:hover': {
|
|
320
|
-
backgroundColor: base10
|
|
320
|
+
backgroundColor: `${base10}15`,
|
|
321
321
|
},
|
|
322
322
|
'& > ul > li > span.cm-completionIcon': {
|
|
323
323
|
color: base03,
|
|
@@ -487,14 +487,35 @@ const gruvboxLightHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
|
487
487
|
{ tag: tags.monospace, color: base00 },
|
|
488
488
|
{ tag: [tags.contentSeparator], color: base0D },
|
|
489
489
|
{ tag: tags.quote, color: base04 },
|
|
490
|
+
{ tag: tags.integer, color: base0E },
|
|
491
|
+
{ tag: tags.float, color: base0E },
|
|
492
|
+
{ tag: tags.null, color: base0E },
|
|
493
|
+
{ tag: tags.attributeValue, color: base0B },
|
|
494
|
+
{ tag: tags.escape, color: base0B },
|
|
495
|
+
{ tag: tags.paren, color: base04 },
|
|
496
|
+
{ tag: tags.lineComment, color: base04, fontStyle: 'italic' },
|
|
497
|
+
{ tag: tags.blockComment, color: base04, fontStyle: 'italic' },
|
|
498
|
+
{ tag: tags.definitionKeyword, color: base0A },
|
|
499
|
+
{ tag: tags.arithmeticOperator, color: base00 },
|
|
500
|
+
{ tag: tags.logicOperator, color: base00 },
|
|
501
|
+
{ tag: tags.compareOperator, color: base00 },
|
|
502
|
+
{ tag: tags.bitwiseOperator, color: base00 },
|
|
503
|
+
{ tag: tags.updateOperator, color: base00 },
|
|
504
|
+
{ tag: tags.derefOperator, color: base00 },
|
|
505
|
+
{ tag: /*@__PURE__*/tags.local(tags.variableName), color: base0D },
|
|
506
|
+
{ tag: tags.list, color: base0C },
|
|
507
|
+
{ tag: tags.unit, color: base0E },
|
|
508
|
+
{ tag: tags.heading1, color: base0C },
|
|
509
|
+
{ tag: tags.heading2, color: base0C },
|
|
510
|
+
{ tag: tags.heading3, color: base0C },
|
|
511
|
+
{ tag: tags.heading4, color: base0C },
|
|
512
|
+
{ tag: tags.heading5, color: base0C },
|
|
513
|
+
{ tag: tags.heading6, color: base0C },
|
|
490
514
|
]);
|
|
491
515
|
/**
|
|
492
516
|
* Combined Gruvbox Light theme extension
|
|
493
517
|
*/
|
|
494
|
-
const gruvboxLight = [
|
|
495
|
-
gruvboxLightTheme,
|
|
496
|
-
/*@__PURE__*/syntaxHighlighting(gruvboxLightHighlightStyle),
|
|
497
|
-
];
|
|
518
|
+
const gruvboxLight = [gruvboxLightTheme, /*@__PURE__*/syntaxHighlighting(gruvboxLightHighlightStyle)];
|
|
498
519
|
/**
|
|
499
520
|
* Gruvbox Light merge revert styles configuration
|
|
500
521
|
*/
|
package/package.json
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fsegurai/codemirror-theme-gruvbox-light",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.7",
|
|
4
4
|
"description": "Gruvbox Light theme for the CodeMirror editor",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
7
7
|
"module": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
9
9
|
"exports": {
|
|
10
|
-
"import":
|
|
11
|
-
|
|
10
|
+
"import": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"default": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"require": {
|
|
15
|
+
"types": "./dist/index.d.cts",
|
|
16
|
+
"default": "./dist/index.cjs"
|
|
17
|
+
}
|
|
12
18
|
},
|
|
13
19
|
"sideEffects": false,
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
14
23
|
"keywords": [
|
|
15
24
|
"editor",
|
|
16
25
|
"diff",
|