@uiw/codemirror-themes 4.9.4 → 4.10.0
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 +66 -22
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,6 +26,7 @@ const myTheme = createTheme({
|
|
|
26
26
|
foreground: '#75baff',
|
|
27
27
|
caret: '#5d00ff',
|
|
28
28
|
selection: '#036dd626',
|
|
29
|
+
selectionMatch: '#036dd626',
|
|
29
30
|
lineHighlight: '#8a91991a',
|
|
30
31
|
gutterBackground: '#fff',
|
|
31
32
|
gutterForeground: '#8a919966',
|
|
@@ -72,6 +73,7 @@ const myTheme = createTheme({
|
|
|
72
73
|
foreground: '#75baff',
|
|
73
74
|
caret: '#5d00ff',
|
|
74
75
|
selection: '#036dd626',
|
|
76
|
+
selectionMatch: '#036dd626',
|
|
75
77
|
lineHighlight: '#8a91991a',
|
|
76
78
|
gutterBackground: '#fff',
|
|
77
79
|
gutterForeground: '#8a919966',
|
|
@@ -110,6 +112,60 @@ function App() {
|
|
|
110
112
|
export default App;
|
|
111
113
|
```
|
|
112
114
|
|
|
115
|
+
## Themes
|
|
116
|
+
|
|
117
|
+
**abcdef**
|
|
118
|
+
|
|
119
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef">
|
|
120
|
+
<img width="436" alt="codemirror-theme-abcdef" src="https://user-images.githubusercontent.com/1680273/176573508-705562ad-16ec-4b16-994e-f235a9331a3f.png">
|
|
121
|
+
</a>
|
|
122
|
+
|
|
123
|
+
**bespin**
|
|
124
|
+
|
|
125
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/bespin">
|
|
126
|
+
<img width="436" alt="codemirror-theme-bespin" src="https://user-images.githubusercontent.com/1680273/176573408-0fd54981-471a-4ef8-91d4-8ad4b159c1e0.png">
|
|
127
|
+
</a>
|
|
128
|
+
|
|
129
|
+
**darcula**
|
|
130
|
+
|
|
131
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/darcula">
|
|
132
|
+
<img width="436" alt="codemirror-theme-darcula" src="https://user-images.githubusercontent.com/1680273/176573321-3015b1b4-3455-497f-ad16-dd2090d7848d.png">
|
|
133
|
+
</a>
|
|
134
|
+
|
|
135
|
+
**dracula**
|
|
136
|
+
|
|
137
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/dracula">
|
|
138
|
+
<img width="436" alt="codemirror-theme-dracula" src="https://user-images.githubusercontent.com/1680273/176573236-43928ba2-0eb1-4b59-9495-d39b6e3df81c.png">
|
|
139
|
+
</a>
|
|
140
|
+
|
|
141
|
+
**duotone**
|
|
142
|
+
|
|
143
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/dark">
|
|
144
|
+
<img width="436" alt="codemirror-theme-duotone" src="https://user-images.githubusercontent.com/1680273/176572959-adfc1284-4c70-48df-8aeb-9a47ff76b2f2.png">
|
|
145
|
+
</a>
|
|
146
|
+
|
|
147
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/light">
|
|
148
|
+
<img width="436" alt="codemirror-theme-duotone" src="https://user-images.githubusercontent.com/1680273/176573139-5c22ed62-6000-40da-b080-59c83e6181e2.png">
|
|
149
|
+
</a>
|
|
150
|
+
|
|
151
|
+
**eclipse**
|
|
152
|
+
|
|
153
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/eclipse">
|
|
154
|
+
<img width="436" alt="codemirror-theme-eclipse" src="https://user-images.githubusercontent.com/1680273/176572785-4f56f11a-018b-4f86-9088-e6f71f745cfb.png">
|
|
155
|
+
</a>
|
|
156
|
+
|
|
157
|
+
**okaidia**
|
|
158
|
+
|
|
159
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia">
|
|
160
|
+
<img width="436" alt="codemirror-theme-okaidia" src="https://user-images.githubusercontent.com/1680273/176572694-b9aface9-9646-4e0e-a211-a8aa92dabc31.png">
|
|
161
|
+
</a>
|
|
162
|
+
|
|
163
|
+
**sublime**
|
|
164
|
+
|
|
165
|
+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/sublime">
|
|
166
|
+
<img width="436" alt="codemirror-theme-sublime" src="https://user-images.githubusercontent.com/1680273/176572314-cc296f81-0763-485c-8fa2-7d61b24ad09b.png">
|
|
167
|
+
</a>
|
|
168
|
+
|
|
113
169
|
## Props
|
|
114
170
|
|
|
115
171
|
```ts
|
|
@@ -130,34 +186,22 @@ export interface CreateThemeOptions {
|
|
|
130
186
|
styles: TagStyle[];
|
|
131
187
|
}
|
|
132
188
|
declare type Theme = 'light' | 'dark';
|
|
133
|
-
interface Settings {
|
|
134
|
-
/**
|
|
135
|
-
* Editor background.
|
|
136
|
-
*/
|
|
189
|
+
export interface Settings {
|
|
190
|
+
/** Editor background. */
|
|
137
191
|
background: string;
|
|
138
|
-
/**
|
|
139
|
-
* Default text color.
|
|
140
|
-
*/
|
|
192
|
+
/** Default text color. */
|
|
141
193
|
foreground: string;
|
|
142
|
-
/**
|
|
143
|
-
* Caret color.
|
|
144
|
-
*/
|
|
194
|
+
/** Caret color. */
|
|
145
195
|
caret: string;
|
|
146
|
-
/**
|
|
147
|
-
* Selection background.
|
|
148
|
-
*/
|
|
196
|
+
/** Selection background. */
|
|
149
197
|
selection: string;
|
|
150
|
-
/**
|
|
151
|
-
|
|
152
|
-
|
|
198
|
+
/** Selection match background. */
|
|
199
|
+
selectionMatch?: string;
|
|
200
|
+
/** Background of highlighted lines. */
|
|
153
201
|
lineHighlight: string;
|
|
154
|
-
/**
|
|
155
|
-
* Gutter background.
|
|
156
|
-
*/
|
|
202
|
+
/** Gutter background. */
|
|
157
203
|
gutterBackground: string;
|
|
158
|
-
/**
|
|
159
|
-
* Text color inside gutter.
|
|
160
|
-
*/
|
|
204
|
+
/** Text color inside gutter. */
|
|
161
205
|
gutterForeground: string;
|
|
162
206
|
}
|
|
163
207
|
declare const createTheme: ({ dark, settings, styles }: CreateThemeOptions) => Extension;
|