@node-red-contrib-themes/dracula
Advanced tools
Comparing version 2.1.4 to 2.2.0
{ | ||
"name": "@node-red-contrib-themes/dracula", | ||
"version": "2.1.4", | ||
"version": "2.2.0", | ||
"description": "A dark theme for Node-RED based on the Dracula theme by Zeno Rocha", | ||
@@ -5,0 +5,0 @@ "repository": { |
# Node-RED Contrib Theme: Dracula | ||
![Project Maintenance][maintenance-shield] | ||
[![License][license-shield]](LICENSE) | ||
[![GitHub Activity][commits-shield]][commits] | ||
[![GitHub Last Commit][last-commit-shield]][commits] | ||
[![NPM Shield][npm-shield]][npm-package] | ||
<a href="https://www.buymeacoffee.com/mbonani" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-red.png" alt="Buy Me A Coffee" height="60px" width="217px"></a> | ||
A dark theme for [Node-RED][node-red] based on the [Dracula theme][dracula-theme] by [Zeno Rocha][zeno-rocha]. | ||
@@ -16,6 +7,10 @@ | ||
This theme is part of the [Node-RED Contrib Theme Collection][theme-collection]. | ||
## Install | ||
Install via npm | ||
### Install with npm | ||
Run the following command from within the Node-RED user data directory (by default, `$HOME/.node-red`). | ||
```shell | ||
@@ -25,5 +20,5 @@ npm install @node-red-contrib-themes/dracula | ||
## Configuration | ||
## Usage | ||
Add the following to the `editorTheme` section of your `settings.js`, and then restart Node-RED. | ||
Add `theme: "dracula"` to the `editorTheme` object in your `settings.js` and then restart Node-RED. | ||
@@ -36,53 +31,51 @@ ```js | ||
### Themed Scrollbars (EXPERIMENTAL) | ||
For details on the Node-RED's configuration file and its structure, please refer to the [Node-RED official documentation][node-red-doc]. | ||
This includes the theme and changes to the scrollbars to make them better fit the theme. | ||
Includes the theme and changes the scrollbars to make them better fit the theme. | ||
**NOTE**: This is ***EXPERIMENTAL*** and may not work on all browsers. | ||
If you want to try it, add the following to the `editorTheme` section of your `settings.js`, and then restart Node-RED. | ||
Add `theme: "dracula-scroll"` to the `editorTheme` object in your `settings.js` and then restart Node-RED. | ||
```js | ||
editorTheme: { | ||
theme: "dracula-scroll" | ||
theme: "dracula-scroll", | ||
}, | ||
``` | ||
### Monaco Editor Themes | ||
### Monaco Editor Theme | ||
This package comes with a pre-configured theme for the Monaco editor. | ||
**NOTE**: Node-RED version 2.1 or newer is required. | ||
Just leave `theme` under `codeEditor` commented out in your `settings.js` and then restart Node-RED. | ||
If you want to use it, leave the `theme` option under `codeEditor` in your `settings.js` file commented out. | ||
```js | ||
codeEditor: { | ||
lib: "monaco", | ||
options: { | ||
// theme: "vs", | ||
} | ||
} | ||
editorTheme: { | ||
theme: dracula, | ||
codeEditor: { | ||
lib: "monaco", | ||
options: { | ||
// theme: "", | ||
}, | ||
}, | ||
}, | ||
``` | ||
For more details on the configuration please refer to the | ||
[Node-RED official documentation][node-red-doc]. | ||
## License | ||
Enjoy! | ||
This project is licensed under the [MIT license][license]. | ||
## License | ||
## Like my work? | ||
[MIT][license] | ||
If you like my work please give it a GitHub ⭐️. | ||
[commits-shield]: https://img.shields.io/github/commit-activity/y/node-red-contrib-themes/dracula.svg | ||
[commits]: https://github.com/node-red-contrib-themes/dracula/commits/master | ||
Also, consider supporting me with a coffee ☕. | ||
<a href="https://www.buymeacoffee.com/mbonani" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-red.png" alt="Buy Me A Coffee" height="60px"></a> | ||
[dracula-theme]: https://draculatheme.com/ | ||
[last-commit-shield]: https://img.shields.io/github/last-commit/node-red-contrib-themes/dracula.svg | ||
[license]: https://github.com/node-red-contrib-themes/dracula/blob/master/LICENSE | ||
[license-shield]: https://img.shields.io/github/license/node-red-contrib-themes/dracula.svg | ||
[maintenance-shield]: https://img.shields.io/maintenance/yes/2022.svg | ||
[node-red-doc]: https://nodered.org/docs/user-guide/runtime/configuration | ||
[license]: LICENSE | ||
[node-red-doc]: https://nodered.org/docs/user-guide/runtime/configuration#editor-themes | ||
[node-red]: https://nodered.org/ | ||
[npm-package]: https://nodei.co/npm/@node-red-contrib-themes/dracula | ||
[npm-shield]: https://nodei.co/npm/@node-red-contrib-themes/dracula.png | ||
[theme-collection]: https://www.npmjs.com/package/@node-red-contrib-themes/theme-collection | ||
[zeno-rocha]: https://zenorocha.com/ |
Sorry, the diff of this file is not supported yet
156586
79