File tree 2 files changed +19
-1
lines changed
2 files changed +19
-1
lines changed Original file line number Diff line number Diff line change @@ -328,6 +328,10 @@ export * from '@uiw/codemirror-theme-xcode';
328
328
<img width =" 436 " alt =" codemirror-theme-vscode dark " src =" https://user-images.githubusercontent.com/1680273/202690670-385808e2-6346-4e36-a3d6-6d9fc1f216dc.png " >
329
329
</a >
330
330
331
+ <a href =" https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/light " >
332
+ <img width =" 436 " alt =" codemirror-theme-vscode light " src =" https://github.com/uiwjs/react-codemirror/assets/1680273/e22d099e-7e88-4711-bb07-7330047adfe1 " >
333
+ </a >
334
+
331
335
### white
332
336
333
337
<a href =" https://uiwjs.github.io/react-codemirror/#/theme/data/white/dark " >
Original file line number Diff line number Diff line change 11
11
<img width =" 436 " alt =" codemirror-theme-vscode dark " src =" https://user-images.githubusercontent.com/1680273/202690670-385808e2-6346-4e36-a3d6-6d9fc1f216dc.png " >
12
12
</a >
13
13
14
+ <a href =" https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/light " >
15
+ <img width =" 436 " alt =" codemirror-theme-vscode light " src =" https://github.com/uiwjs/react-codemirror/assets/1680273/e22d099e-7e88-4711-bb07-7330047adfe1 " >
16
+ </a >
17
+
14
18
## Install
15
19
16
20
``` bash
17
21
npm install @uiw/codemirror-theme-vscode --save
18
22
```
19
23
24
+ ``` jsx
25
+ import { vscodeDark , vscodeDarkInit } from ' @uiw/codemirror-theme-vscode' ;
26
+ import { vscodeLight , vscodeLightInit } from ' @uiw/codemirror-theme-vscode' ;
27
+ ```
28
+
20
29
``` js
21
30
import { EditorState } from ' @codemirror/state' ;
22
31
import { javascript } from ' @codemirror/lang-javascript' ;
23
- import { vscodeDark } from ' @uiw/codemirror-theme-vscode' ;
32
+ import { vscodeDark , vscodeLight } from ' @uiw/codemirror-theme-vscode' ;
24
33
25
34
const state = EditorState .create ({
26
35
doc: ' my source code' ,
@@ -48,9 +57,14 @@ import { vscodeDark, vscodeDarkInit } from '@uiw/codemirror-theme-vscode';
48
57
49
58
``` tsx
50
59
import { CreateThemeOptions } from ' @uiw/codemirror-themes' ;
60
+ // Dark
51
61
export declare const defaultSettingsVscodeDark: CreateThemeOptions [' settings' ];
52
62
export declare function vscodeDarkInit(options ? : Partial <CreateThemeOptions >): import (' @codemirror/state' ).Extension ;
53
63
export declare const vscodeDark: import (' @codemirror/state' ).Extension ;
64
+ // Light
65
+ export declare const defaultSettingsVscodeLight: CreateThemeOptions [' settings' ];
66
+ export declare function vscodeLightInit(options ? : Partial <CreateThemeOptions >): import (' @codemirror/state' ).Extension ;
67
+ export declare const vscodeLight: import (' @codemirror/state' ).Extension ;
54
68
```
55
69
56
70
## Usage
You can’t perform that action at this time.
1 commit comments
jaywcjlove commentedon Jun 7, 2024