File tree Expand file tree Collapse file tree 2 files changed +19
-1
lines changed Expand file tree Collapse file tree 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';
328328 <img width =" 436 " alt =" codemirror-theme-vscode dark " src =" https://user-images.githubusercontent.com/1680273/202690670-385808e2-6346-4e36-a3d6-6d9fc1f216dc.png " >
329329</a >
330330
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+
331335### white
332336
333337<a href =" https://uiwjs.github.io/react-codemirror/#/theme/data/white/dark " >
Original file line number Diff line number Diff line change 1111 <img width =" 436 " alt =" codemirror-theme-vscode dark " src =" https://user-images.githubusercontent.com/1680273/202690670-385808e2-6346-4e36-a3d6-6d9fc1f216dc.png " >
1212</a >
1313
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+
1418## Install
1519
1620``` bash
1721npm install @uiw/codemirror-theme-vscode --save
1822```
1923
24+ ``` jsx
25+ import { vscodeDark , vscodeDarkInit } from ' @uiw/codemirror-theme-vscode' ;
26+ import { vscodeLight , vscodeLightInit } from ' @uiw/codemirror-theme-vscode' ;
27+ ```
28+
2029``` js
2130import { EditorState } from ' @codemirror/state' ;
2231import { javascript } from ' @codemirror/lang-javascript' ;
23- import { vscodeDark } from ' @uiw/codemirror-theme-vscode' ;
32+ import { vscodeDark , vscodeLight } from ' @uiw/codemirror-theme-vscode' ;
2433
2534const state = EditorState .create ({
2635 doc: ' my source code' ,
@@ -48,9 +57,14 @@ import { vscodeDark, vscodeDarkInit } from '@uiw/codemirror-theme-vscode';
4857
4958``` tsx
5059import { CreateThemeOptions } from ' @uiw/codemirror-themes' ;
60+ // Dark
5161export declare const defaultSettingsVscodeDark: CreateThemeOptions [' settings' ];
5262export declare function vscodeDarkInit(options ? : Partial <CreateThemeOptions >): import (' @codemirror/state' ).Extension ;
5363export 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 ;
5468```
5569
5670## Usage
You can’t perform that action at this time.
0 commit comments