@fsegurai/codemirror-theme-forest 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 (4) hide show
  1. package/README.md +27 -27
  2. package/dist/index.cjs +23 -2
  3. package/dist/index.js +23 -2
  4. 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-forest [![NPM version](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-forest.svg)](https://www.npmjs.org/package/@fsegurai/codemirror-theme-forest)
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 Forest 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
- @forest
25
-
26
- @forestTheme
27
-
1
+ <!-- NOTE: README.md is generated from src/README.md -->
2
+
3
+ # @fsegurai/codemirror-theme-forest [![NPM version](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-forest.svg)](https://www.npmjs.org/package/@fsegurai/codemirror-theme-forest)
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 Forest 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
+ @forest
25
+
26
+ @forestTheme
27
+
28
28
  @forestHighlightStyle
package/dist/index.cjs CHANGED
@@ -21,7 +21,8 @@ const darkBackground = '#2b303b', // Dropdown background - deep shade found unde
21
21
  highlightBackground = '#3e3d3257', // Active line and Matching bracket - moss on a rock
22
22
  tooltipBackground = base01, // Tooltip using foreground color
23
23
  cursor = base04, // Caret color
24
- selection = base02; // Selection color
24
+ selection = '#398450c2', // Selection color
25
+ selectionMatch = '#5d3535';
25
26
  // Define the editor theme styles for Forest.
26
27
  const forestTheme = view.EditorView.theme({
27
28
  '&': {
@@ -35,7 +36,8 @@ const forestTheme = view.EditorView.theme({
35
36
  borderLeftColor: cursor
36
37
  },
37
38
  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
38
- backgroundColor: selection
39
+ backgroundColor: selection,
40
+ color: '#FFFFFF'
39
41
  },
40
42
  '.cm-panels': {
41
43
  backgroundColor: darkBackground,
@@ -54,9 +56,16 @@ const forestTheme = view.EditorView.theme({
54
56
  backgroundColor: darkBackground,
55
57
  color: base03
56
58
  },
59
+ '.cm-activeLineGutter': {
60
+ backgroundColor: selection,
61
+ color: '#FFFFFF'
62
+ },
57
63
  '.cm-tooltip': {
58
64
  backgroundColor: tooltipBackground
59
65
  },
66
+ '.cm-selectionMatch': {
67
+ backgroundColor: selectionMatch,
68
+ },
60
69
  '.cm-searchMatch': {
61
70
  backgroundColor: base02, // Use the selection color for search matches
62
71
  color: base01, // Foreground color for text
@@ -65,6 +74,18 @@ const forestTheme = view.EditorView.theme({
65
74
  '.cm-searchMatch.cm-searchMatch-selected': {
66
75
  backgroundColor: base05, // Use the keyword color for the selected search match
67
76
  color: base00 // Background color for high visibility
77
+ },
78
+ '.cm-searchMatch.cm-searchMatch-selected .ͼ5k': {
79
+ color: base00
80
+ },
81
+ '.cm-searchMatch .cm-selectionMatch': {
82
+ color: base01
83
+ },
84
+ '.cm-searchMatch .cm-selectionMatch .ͼ5k': {
85
+ color: base01
86
+ },
87
+ '.cm-searchMatch .ͼ5k': {
88
+ color: base01
68
89
  }
69
90
  }, { dark: true });
70
91
  // Define the highlighting style for code in the Forest theme.
package/dist/index.js CHANGED
@@ -19,7 +19,8 @@ const darkBackground = '#2b303b', // Dropdown background - deep shade found unde
19
19
  highlightBackground = '#3e3d3257', // Active line and Matching bracket - moss on a rock
20
20
  tooltipBackground = base01, // Tooltip using foreground color
21
21
  cursor = base04, // Caret color
22
- selection = base02; // Selection color
22
+ selection = '#398450c2', // Selection color
23
+ selectionMatch = '#5d3535';
23
24
  // Define the editor theme styles for Forest.
24
25
  const forestTheme = /*@__PURE__*/EditorView.theme({
25
26
  '&': {
@@ -33,7 +34,8 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
33
34
  borderLeftColor: cursor
34
35
  },
35
36
  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
36
- backgroundColor: selection
37
+ backgroundColor: selection,
38
+ color: '#FFFFFF'
37
39
  },
38
40
  '.cm-panels': {
39
41
  backgroundColor: darkBackground,
@@ -52,9 +54,16 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
52
54
  backgroundColor: darkBackground,
53
55
  color: base03
54
56
  },
57
+ '.cm-activeLineGutter': {
58
+ backgroundColor: selection,
59
+ color: '#FFFFFF'
60
+ },
55
61
  '.cm-tooltip': {
56
62
  backgroundColor: tooltipBackground
57
63
  },
64
+ '.cm-selectionMatch': {
65
+ backgroundColor: selectionMatch,
66
+ },
58
67
  '.cm-searchMatch': {
59
68
  backgroundColor: base02, // Use the selection color for search matches
60
69
  color: base01, // Foreground color for text
@@ -63,6 +72,18 @@ const forestTheme = /*@__PURE__*/EditorView.theme({
63
72
  '.cm-searchMatch.cm-searchMatch-selected': {
64
73
  backgroundColor: base05, // Use the keyword color for the selected search match
65
74
  color: base00 // Background color for high visibility
75
+ },
76
+ '.cm-searchMatch.cm-searchMatch-selected .ͼ5k': {
77
+ color: base00
78
+ },
79
+ '.cm-searchMatch .cm-selectionMatch': {
80
+ color: base01
81
+ },
82
+ '.cm-searchMatch .cm-selectionMatch .ͼ5k': {
83
+ color: base01
84
+ },
85
+ '.cm-searchMatch .ͼ5k': {
86
+ color: base01
66
87
  }
67
88
  }, { dark: true });
68
89
  // Define the highlighting style for code in the Forest theme.
package/package.json CHANGED
@@ -1,45 +1,45 @@
1
- {
2
- "name": "@fsegurai/codemirror-theme-forest",
3
- "description": "Forest 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-forest",
3
+ "description": "Forest 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
+ }