4.22.0 • Published 10 days ago
@uiw/codemirror-theme-tokyo-night-storm v4.22.0
TokyoNightStorm Theme
Install
npm install @uiw/codemirror-theme-tokyo-night-storm --save
import { EditorState } from '@codemirror/state';
import { javascript } from '@codemirror/lang-javascript';
import { tokyoNightStorm } from '@uiw/codemirror-theme-tokyo-night-storm';
const state = EditorState.create({
doc: 'my source code',
extensions: [tokyoNightStorm, javascript({ jsx: true })],
});
Using in React:
import { tags as t } from '@lezer/highlight';
import { tokyoNightStorm, tokyoNightStormInit } from '@uiw/codemirror-theme-tokyo-night-storm';
<CodeMirror theme={tokyoNightStorm} />
<CodeMirror
theme={tokyoNightStormInit({
settings: {
caret: '#c6c6c6',
fontFamily: 'monospace',
},
styles: [
{ tag: t.comment, color: '#6272a4' },
]
})}
/>
API
import { CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsTokyoNightStorm: CreateThemeOptions['settings'];
export declare const tokyoNightStormInit: (
options?: Partial<CreateThemeOptions>,
) => import('@codemirror/state').Extension;
export declare const tokyoNightStorm: import('@codemirror/state').Extension;
Usage
import CodeMirror from '@uiw/react-codemirror';
import { tokyoNightStorm } from '@uiw/codemirror-theme-tokyo-night-storm';
import { javascript } from '@codemirror/lang-javascript';
function App() {
return (
<CodeMirror
value="console.log('hello world!');"
height="200px"
theme={tokyoNightStorm}
extensions={[javascript({ jsx: true })]}
onChange={(value, viewUpdate) => {
console.log('value:', value);
}}
/>
);
}
export default App;
import { EditorView } from '@codemirror/view';
import { EditorState } from '@codemirror/state';
import { javascript } from '@codemirror/lang-javascript';
import { tokyoNightStorm } from '@uiw/codemirror-theme-tokyo-night-storm';
const state = EditorState.create({
doc: 'my source code',
extensions: [tokyoNightStorm, javascript({ jsx: true })],
});
const view = new EditorView({
parent: document.querySelector('#editor'),
state,
});
Contributors
As always, thanks to our amazing contributors!
Made with github-action-contributors.
License
Licensed under the MIT License.
4.22.0
10 days ago
4.21.25
2 months ago
4.21.24
2 months ago
4.21.23
3 months ago
4.21.22
3 months ago
4.21.11
9 months ago
4.21.10
9 months ago
4.21.13
8 months ago
4.21.12
8 months ago
4.21.19
7 months ago
4.21.18
8 months ago
4.21.15
8 months ago
4.21.14
8 months ago
4.21.17
8 months ago
4.21.16
8 months ago
4.21.9
10 months ago
4.21.8
10 months ago
4.21.21
5 months ago
4.21.20
7 months ago
4.21.6
11 months ago
4.21.7
11 months ago
4.21.4
11 months ago
4.21.5
11 months ago
4.21.1
11 months ago
4.20.2
12 months ago
4.21.2
11 months ago
4.20.3
11 months ago
4.21.3
11 months ago
4.20.4
11 months ago
4.20.0
12 months ago
4.21.0
11 months ago
4.20.1
12 months ago
4.19.14
1 year ago
4.19.13
1 year ago
4.19.12
1 year ago
4.19.11
1 year ago
4.19.10
1 year ago
4.19.16
1 year ago
4.19.15
1 year ago
4.19.8
1 year ago
4.19.9
1 year ago
4.19.5
1 year ago
4.19.6
1 year ago
4.19.7
1 year ago
4.19.3
1 year ago
4.19.4
1 year ago
4.19.2
1 year ago
4.19.1
1 year ago
4.19.0
1 year ago
4.18.2
1 year ago