Skip to content

Commit aaf0628

Browse files
jaywcjlovejaywcjlove
committedNov 10, 2022
website: add gruvbox-dark preview. (#402)
·
v4.23.10v4.13.1
1 parent 058a8ac commit aaf0628

File tree

7 files changed

+25
-17
lines changed

7 files changed

+25
-17
lines changed
 

‎core/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@ npm install @uiw/react-codemirror --save
6262
| `@uiw/codemirror-theme-darcula` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-darcula.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-darcula) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-darcula.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-darcula) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/darcula) |
6363
| `@uiw/codemirror-theme-eclipse` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-eclipse.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-eclipse) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-eclipse.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-eclipse) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/eclipse) |
6464
| `@uiw/codemirror-theme-github` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-github.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-github) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-github.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-github) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/github) |
65+
| `@uiw/codemirror-theme-gruvbox-dark` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-gruvbox-dark.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-gruvbox-dark) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-gruvbox-dark.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-gruvbox-dark) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/dark) |
6566
| `@uiw/codemirror-theme-okaidia` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-okaidia.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-okaidia) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-okaidia.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-okaidia) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia) |
6667
| `@uiw/codemirror-theme-sublime` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-sublime.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-sublime) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-theme-sublime.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-theme-sublime) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/theme/data/sublime) |
6768

‎themes/all/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -69,9 +69,9 @@ export * from '@uiw/codemirror-theme-dracula';
6969
export * from '@uiw/codemirror-theme-duotone';
7070
export * from '@uiw/codemirror-theme-eclipse';
7171
export * from '@uiw/codemirror-theme-github';
72+
export * from '@uiw/codemirror-theme-gruvbox-dark';
7273
export * from '@uiw/codemirror-theme-okaidia';
7374
export * from '@uiw/codemirror-theme-sublime';
74-
export * from '@uiw/codemirror-themes';
7575
export * from '@uiw/codemirror-theme-xcode';
7676
```
7777

‎themes/all/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@
3131
"@uiw/codemirror-theme-duotone": "4.13.0",
3232
"@uiw/codemirror-theme-eclipse": "4.13.0",
3333
"@uiw/codemirror-theme-github": "4.13.0",
34+
"@uiw/codemirror-theme-gruvbox-dark": "4.13.0",
3435
"@uiw/codemirror-theme-okaidia": "4.13.0",
3536
"@uiw/codemirror-theme-sublime": "4.13.0",
3637
"@uiw/codemirror-theme-xcode": "4.13.0",

‎themes/all/src/index.ts

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ export * from '@uiw/codemirror-theme-dracula';
88
export * from '@uiw/codemirror-theme-duotone';
99
export * from '@uiw/codemirror-theme-eclipse';
1010
export * from '@uiw/codemirror-theme-github';
11+
export * from '@uiw/codemirror-theme-gruvbox-dark';
1112
export * from '@uiw/codemirror-theme-okaidia';
1213
export * from '@uiw/codemirror-theme-sublime';
1314
export * from '@uiw/codemirror-theme-xcode';

‎themes/gruvbox/README.md

+16-16
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44

55
<!--rehype:ignore:end-->
66

7-
<!-- [![npm version]()]() -->
7+
[![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-gruvbox-dark.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-gruvbox-dark)
88

9-
<!-- <a href=""> -->
10-
<!-- <img width="436" alt="codemirror-theme-gruvbox-dark" src=""> -->
11-
<!-- </a> -->
9+
<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/dark">
10+
<img width="436" alt="codemirror-theme-eclipse" src="https://user-images.githubusercontent.com/1680273/201111051-c38a73ca-a449-4c01-a4ff-4a675886ca9d.png">
11+
</a>
1212

1313
## Install
1414

@@ -19,38 +19,38 @@ npm install @uiw/codemirror-theme-gruvbox-dark --save
1919
## Usage
2020

2121
```jsx
22-
import CodeMirror from '@uiw/react-codemirror'
23-
import { gruvboxDark } from '@uiw/codemirror-theme-gruvbox-dark'
24-
import { javascript } from '@codemirror/lang-javascript'
22+
import CodeMirror from '@uiw/react-codemirror';
23+
import { gruvboxDark } from '@uiw/codemirror-theme-gruvbox-dark';
24+
import { javascript } from '@codemirror/lang-javascript';
2525

2626
function App() {
2727
return (
2828
<CodeMirror
2929
value="console.log('hello world!');"
30-
height='200px'
30+
height="200px"
3131
theme={gruvboxDark}
3232
extensions={[javascript({ jsx: true })]}
3333
/>
34-
)
34+
);
3535
}
36-
export default App
36+
export default App;
3737
```
3838

3939
```js
40-
import { EditorView } from '@codemirror/view'
41-
import { EditorState } from '@codemirror/state'
42-
import { javascript } from '@codemirror/lang-javascript'
43-
import { gruvboxDark } from '@uiw/codemirror-theme-gruvbox-dark'
40+
import { EditorView } from '@codemirror/view';
41+
import { EditorState } from '@codemirror/state';
42+
import { javascript } from '@codemirror/lang-javascript';
43+
import { gruvboxDark } from '@uiw/codemirror-theme-gruvbox-dark';
4444

4545
const state = EditorState.create({
4646
doc: 'my source code',
4747
extensions: [gruvboxDark, javascript({ jsx: true })],
48-
})
48+
});
4949

5050
const view = new EditorView({
5151
parent: document.querySelector('#editor'),
5252
state,
53-
})
53+
});
5454
```
5555

5656
## Contributors

‎www/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
"@uiw/codemirror-theme-duotone": "4.13.0",
5353
"@uiw/codemirror-theme-eclipse": "4.13.0",
5454
"@uiw/codemirror-theme-github": "4.13.0",
55+
"@uiw/codemirror-theme-gruvbox-dark": "4.13.0",
5556
"@uiw/codemirror-theme-okaidia": "4.13.0",
5657
"@uiw/codemirror-theme-sublime": "4.13.0",
5758
"@uiw/codemirror-theme-xcode": "4.13.0",

‎www/src/pages/theme/themes/Datas.ts

+4
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import draculaMd from '@uiw/codemirror-theme-dracula/README.md';
77
import darculaMd from '@uiw/codemirror-theme-darcula/README.md';
88
import duotoneMd from '@uiw/codemirror-theme-duotone/README.md';
99
import githubMd from '@uiw/codemirror-theme-github/README.md';
10+
import gruvboxDarkMd from '@uiw/codemirror-theme-gruvbox-dark/README.md';
1011
import eclipseMd from '@uiw/codemirror-theme-eclipse/README.md';
1112
import bespinMd from '@uiw/codemirror-theme-bespin/README.md';
1213
import sublimeMd from '@uiw/codemirror-theme-sublime/README.md';
@@ -23,6 +24,7 @@ import { eclipse } from '@uiw/codemirror-theme-eclipse';
2324
import { bespin } from '@uiw/codemirror-theme-bespin';
2425
import { duotoneLight, duotoneDark } from '@uiw/codemirror-theme-duotone';
2526
import { githubLight, githubDark } from '@uiw/codemirror-theme-github';
27+
import { gruvboxDark } from '@uiw/codemirror-theme-gruvbox-dark';
2628
import { sublime } from '@uiw/codemirror-theme-sublime';
2729
import { xcodeLight, xcodeDark } from '@uiw/codemirror-theme-xcode';
2830

@@ -39,6 +41,7 @@ export const mdSource = {
3941
eclipse: eclipseMd.source,
4042
githubLight: githubMd.source,
4143
githubDark: githubMd.source,
44+
gruvboxDark: gruvboxDarkMd.source,
4245
okaidia: okaidiaMd.source,
4346
sublime: sublimeMd.source,
4447
xcodeLight: xcodeMd.source,
@@ -58,6 +61,7 @@ export const themeData = {
5861
eclipse,
5962
githubLight,
6063
githubDark,
64+
gruvboxDark,
6165
okaidia,
6266
sublime,
6367
xcodeLight,

0 commit comments

Comments
 (0)
Please sign in to comment.