Skip to content

Commit 7f4abc9

Browse files
committedJun 7, 2024·
doc(vscode): update document. #145
1 parent 4de4373 commit 7f4abc9

File tree

2 files changed

+19
-1
lines changed

2 files changed

+19
-1
lines changed
 

‎themes/all/README.md

+4
Original file line numberDiff line numberDiff 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">

‎themes/vscode/README.md

+15-1
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,25 @@
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
1721
npm 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
2130
import { EditorState } from '@codemirror/state';
2231
import { javascript } from '@codemirror/lang-javascript';
23-
import { vscodeDark } from '@uiw/codemirror-theme-vscode';
32+
import { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';
2433

2534
const state = EditorState.create({
2635
doc: 'my source code',
@@ -48,9 +57,14 @@ import { vscodeDark, vscodeDarkInit } from '@uiw/codemirror-theme-vscode';
4857

4958
```tsx
5059
import { CreateThemeOptions } from '@uiw/codemirror-themes';
60+
// Dark
5161
export declare const defaultSettingsVscodeDark: CreateThemeOptions['settings'];
5262
export declare function vscodeDarkInit(options?: Partial<CreateThemeOptions>): import('@codemirror/state').Extension;
5363
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;
5468
```
5569

5670
## Usage

1 commit comments

Comments
 (1)

jaywcjlove commented on Jun 7, 2024

@jaywcjlove
MemberAuthor
Please sign in to comment.