@fsegurai/codemirror-theme-gruvbox-light 6.0.2 → 6.0.5

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 (6) hide show
  1. package/README.md +27 -27
  2. package/dist/index.cjs +14 -8
  3. package/dist/index.d.cts +10 -0
  4. package/dist/index.d.ts +10 -0
  5. package/dist/index.js +14 -8
  6. 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-gruvbox-light [![NPM version](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-gruvbox-light.svg)](https://www.npmjs.org/package/@fsegurai/codemirror-theme-gruvbox-light)
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 Gruvbox Light 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
- @gruvboxLight
25
-
26
- @gruvboxLightTheme
27
-
1
+ <!-- NOTE: README.md is generated from src/README.md -->
2
+
3
+ # @fsegurai/codemirror-theme-gruvbox-light [![NPM version](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-gruvbox-light.svg)](https://www.npmjs.org/package/@fsegurai/codemirror-theme-gruvbox-light)
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 Gruvbox Light 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
+ @gruvboxLight
25
+
26
+ @gruvboxLightTheme
27
+
28
28
  @gruvboxLightHighlightStyle
package/dist/index.cjs CHANGED
@@ -6,8 +6,10 @@ var highlight = require('@lezer/highlight');
6
6
 
7
7
  const dark1 = '#3c3836', dark2 = '#504945', dark3 = '#665c54', dark4 = '#7c6f64', gray_244 = '#928374', light0 = '#fbf1c7', light1 = '#ebdbb2', light3 = '#bdae93', faded_red = '#9d0006', faded_green = '#79740e', faded_yellow = '#b57614', faded_blue = '#076678', faded_purple = '#8f3f71', faded_aqua = '#427b58', faded_orange = '#af3a03';
8
8
  const bg0 = light0, bg1 = light1, bg3 = light3, gray = gray_244, fg1 = dark1, fg2 = dark2, fg3 = dark3, fg4 = dark4, red = faded_red, green = faded_green, yellow = faded_yellow, blue = faded_blue, purple = faded_purple, aqua = faded_aqua, orange = faded_orange;
9
- const invalid = red, darkBackground = bg1, highlightBackground = darkBackground, background = bg0, tooltipBackground = bg1, selection = darkBackground, cursor = orange;
10
- /// The editor theme styles for Gruvbox Light.
9
+ const invalid = red, darkBackground = bg1, highlightBackground = '#ffc42e52', background = bg0, tooltipBackground = bg1, selection = darkBackground, selectionMatch = '#ffc42e', cursor = orange;
10
+ /**
11
+ The editor theme styles for Gruvbox Light.
12
+ */
11
13
  const gruvboxLightTheme = view.EditorView.theme({
12
14
  '&': {
13
15
  color: fg1,
@@ -22,12 +24,12 @@ const gruvboxLightTheme = view.EditorView.theme({
22
24
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
23
25
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
24
26
  '.cm-searchMatch': {
25
- backgroundColor: bg0,
27
+ backgroundColor: highlightBackground,
26
28
  color: yellow,
27
29
  outline: `1px solid ${bg3}`
28
30
  },
29
31
  '.cm-searchMatch.cm-searchMatch-selected': {
30
- backgroundColor: bg3
32
+ backgroundColor: selectionMatch
31
33
  },
32
34
  '.cm-activeLine': { backgroundColor: highlightBackground },
33
35
  '.cm-selectionMatch': { backgroundColor: bg3 },
@@ -44,7 +46,7 @@ const gruvboxLightTheme = view.EditorView.theme({
44
46
  border: 'none'
45
47
  },
46
48
  '.cm-activeLineGutter': {
47
- backgroundColor: highlightBackground
49
+ backgroundColor: selectionMatch
48
50
  },
49
51
  '.cm-foldPlaceholder': {
50
52
  backgroundColor: 'transparent',
@@ -70,7 +72,9 @@ const gruvboxLightTheme = view.EditorView.theme({
70
72
  }
71
73
  }
72
74
  }, { dark: false });
73
- /// The highlighting style for code in the Gruvbox Light theme.
75
+ /**
76
+ The highlighting style for code in the Gruvbox Light theme.
77
+ */
74
78
  const gruvboxLightHighlightStyle = language.HighlightStyle.define([
75
79
  { tag: highlight.tags.keyword, color: red },
76
80
  {
@@ -165,8 +169,10 @@ const gruvboxLightHighlightStyle = language.HighlightStyle.define([
165
169
  },
166
170
  { tag: highlight.tags.invalid, color: orange, borderBottom: `1px dotted ${invalid}` }
167
171
  ]);
168
- /// Extension to enable the Gruvbox Light theme (both the editor theme and
169
- /// the highlight style).
172
+ /**
173
+ Extension to enable the Gruvbox Light theme (both the editor theme and
174
+ the highlight style).
175
+ */
170
176
  const gruvboxLight = [
171
177
  gruvboxLightTheme,
172
178
  language.syntaxHighlighting(gruvboxLightHighlightStyle)
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 Gruvbox Light.
6
+ */
4
7
  declare const gruvboxLightTheme: Extension;
8
+ /**
9
+ The highlighting style for code in the Gruvbox Light theme.
10
+ */
5
11
  declare const gruvboxLightHighlightStyle: HighlightStyle;
12
+ /**
13
+ Extension to enable the Gruvbox Light theme (both the editor theme and
14
+ the highlight style).
15
+ */
6
16
  declare const gruvboxLight: Extension;
7
17
 
8
18
  export { gruvboxLight, gruvboxLightHighlightStyle, gruvboxLightTheme };
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 Gruvbox Light.
6
+ */
4
7
  declare const gruvboxLightTheme: Extension;
8
+ /**
9
+ The highlighting style for code in the Gruvbox Light theme.
10
+ */
5
11
  declare const gruvboxLightHighlightStyle: HighlightStyle;
12
+ /**
13
+ Extension to enable the Gruvbox Light theme (both the editor theme and
14
+ the highlight style).
15
+ */
6
16
  declare const gruvboxLight: Extension;
7
17
 
8
18
  export { gruvboxLight, gruvboxLightHighlightStyle, gruvboxLightTheme };
package/dist/index.js CHANGED
@@ -4,8 +4,10 @@ import { tags } from '@lezer/highlight';
4
4
 
5
5
  const dark1 = '#3c3836', dark2 = '#504945', dark3 = '#665c54', dark4 = '#7c6f64', gray_244 = '#928374', light0 = '#fbf1c7', light1 = '#ebdbb2', light3 = '#bdae93', faded_red = '#9d0006', faded_green = '#79740e', faded_yellow = '#b57614', faded_blue = '#076678', faded_purple = '#8f3f71', faded_aqua = '#427b58', faded_orange = '#af3a03';
6
6
  const bg0 = light0, bg1 = light1, bg3 = light3, gray = gray_244, fg1 = dark1, fg2 = dark2, fg3 = dark3, fg4 = dark4, red = faded_red, green = faded_green, yellow = faded_yellow, blue = faded_blue, purple = faded_purple, aqua = faded_aqua, orange = faded_orange;
7
- const invalid = red, darkBackground = bg1, highlightBackground = darkBackground, background = bg0, tooltipBackground = bg1, selection = darkBackground, cursor = orange;
8
- /// The editor theme styles for Gruvbox Light.
7
+ const invalid = red, darkBackground = bg1, highlightBackground = '#ffc42e52', background = bg0, tooltipBackground = bg1, selection = darkBackground, selectionMatch = '#ffc42e', cursor = orange;
8
+ /**
9
+ The editor theme styles for Gruvbox Light.
10
+ */
9
11
  const gruvboxLightTheme = /*@__PURE__*/EditorView.theme({
10
12
  '&': {
11
13
  color: fg1,
@@ -20,12 +22,12 @@ const gruvboxLightTheme = /*@__PURE__*/EditorView.theme({
20
22
  '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
21
23
  '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
22
24
  '.cm-searchMatch': {
23
- backgroundColor: bg0,
25
+ backgroundColor: highlightBackground,
24
26
  color: yellow,
25
27
  outline: `1px solid ${bg3}`
26
28
  },
27
29
  '.cm-searchMatch.cm-searchMatch-selected': {
28
- backgroundColor: bg3
30
+ backgroundColor: selectionMatch
29
31
  },
30
32
  '.cm-activeLine': { backgroundColor: highlightBackground },
31
33
  '.cm-selectionMatch': { backgroundColor: bg3 },
@@ -42,7 +44,7 @@ const gruvboxLightTheme = /*@__PURE__*/EditorView.theme({
42
44
  border: 'none'
43
45
  },
44
46
  '.cm-activeLineGutter': {
45
- backgroundColor: highlightBackground
47
+ backgroundColor: selectionMatch
46
48
  },
47
49
  '.cm-foldPlaceholder': {
48
50
  backgroundColor: 'transparent',
@@ -68,7 +70,9 @@ const gruvboxLightTheme = /*@__PURE__*/EditorView.theme({
68
70
  }
69
71
  }
70
72
  }, { dark: false });
71
- /// The highlighting style for code in the Gruvbox Light theme.
73
+ /**
74
+ The highlighting style for code in the Gruvbox Light theme.
75
+ */
72
76
  const gruvboxLightHighlightStyle = /*@__PURE__*/HighlightStyle.define([
73
77
  { tag: tags.keyword, color: red },
74
78
  {
@@ -163,8 +167,10 @@ const gruvboxLightHighlightStyle = /*@__PURE__*/HighlightStyle.define([
163
167
  },
164
168
  { tag: tags.invalid, color: orange, borderBottom: `1px dotted ${invalid}` }
165
169
  ]);
166
- /// Extension to enable the Gruvbox Light theme (both the editor theme and
167
- /// the highlight style).
170
+ /**
171
+ Extension to enable the Gruvbox Light theme (both the editor theme and
172
+ the highlight style).
173
+ */
168
174
  const gruvboxLight = [
169
175
  gruvboxLightTheme,
170
176
  /*@__PURE__*/syntaxHighlighting(gruvboxLightHighlightStyle)
package/package.json CHANGED
@@ -1,45 +1,45 @@
1
- {
2
- "name": "@fsegurai/codemirror-theme-gruvbox-light",
3
- "description": "Gruvbox Light theme for the CodeMirror code editor",
4
- "version": "6.0.2",
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.1"
44
- }
45
- }
1
+ {
2
+ "name": "@fsegurai/codemirror-theme-gruvbox-light",
3
+ "description": "Gruvbox Light theme for the CodeMirror code editor",
4
+ "version": "6.0.5",
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
+ }