| <!-- NOTE: README.md is generated from src/README.md --> | |
| # @codemirror/theme-one-dark [](https://www.npmjs.org/package/@codemirror/theme-one-dark) | |
| [ [**WEBSITE**](https://codemirror.net/) | [**ISSUES**](https://github.com/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/c/next/) | [**CHANGELOG**](https://github.com/codemirror/theme-one-dark/blob/main/CHANGELOG.md) ] | |
| This package implements the One Dark theme for the | |
| [CodeMirror](https://codemirror.net/) code editor. | |
| The [project page](https://codemirror.net/) has more information, a | |
| number of [examples](https://codemirror.net/examples/) and the | |
| [documentation](https://codemirror.net/docs/). | |
| This code is released under an | |
| [MIT license](https://github.com/codemirror/theme-one-dark/tree/main/LICENSE). | |
| We aim to be an inclusive, welcoming community. To make that explicit, | |
| we have a [code of | |
| conduct](http://contributor-covenant.org/version/1/1/0/) that applies | |
| to communication around the project. | |
| ## API Reference | |
| <dl> | |
| <dt id="user-content-onedark"> | |
| <code><strong><a href="#user-content-onedark">oneDark</a></strong>: <a href="https://codemirror.net/docs/ref#state.Extension">Extension</a></code></dt> | |
| <dd><p>Extension to enable the One Dark theme (both the editor theme and | |
| the highlight style).</p> | |
| </dd> | |
| <dt id="user-content-onedarktheme"> | |
| <code><strong><a href="#user-content-onedarktheme">oneDarkTheme</a></strong>: <a href="https://codemirror.net/docs/ref#state.Extension">Extension</a></code></dt> | |
| <dd><p>The editor theme styles for One Dark.</p> | |
| </dd> | |
| <dt id="user-content-onedarkhighlightstyle"> | |
| <code><strong><a href="#user-content-onedarkhighlightstyle">oneDarkHighlightStyle</a></strong>: <a href="https://codemirror.net/docs/ref#language.HighlightStyle">HighlightStyle</a></code></dt> | |
| <dd><p>The highlighting style for code in the One Dark theme.</p> | |
| </dd> | |
| <dt id="user-content-color"> | |
| <code><strong><a href="#user-content-color">color</a></strong>: {chalky: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, coral: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, cyan: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, invalid: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, ivory: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, stone: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, malibu: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, sage: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, whiskey: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, violet: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, darkBackground: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, highlightBackground: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, background: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, tooltipBackground: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, selection: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, cursor: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>}</code></dt> | |
| <dd><p>The colors used in the theme, as CSS color strings.</p> | |
| </dd> | |
| </dl> | |