Code Monkey home page Code Monkey logo

dracula's Introduction

DEPRECATED REPOSITORY

As of Node-RED 3.0, this theme is maintained in the Node-RED Contrib Theme Collection repository.

DEVELOPERS: If your project uses this theme as a dependency, please update your project as this repository will no longer be maintained.

Node-RED Contrib Theme: Dracula

A dark theme for Node-RED based on the Dracula theme by Zeno Rocha.

screenshot

This theme is part of the Node-RED Contrib Theme Collection.

Install

Install with npm

Run the following command from within the Node-RED user data directory (by default, $HOME/.node-red).

npm install @node-red-contrib-themes/dracula

Usage

Add theme: "dracula" to the editorTheme object in your settings.js and then restart Node-RED.

editorTheme: {
    theme: "dracula"
},

For details on the Node-RED's configuration file and its structure, please refer to the Node-RED official documentation.

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.

Add theme: "dracula-scroll" to the editorTheme object in your settings.js and then restart Node-RED.

editorTheme: {
    theme: "dracula-scroll",
},

Monaco Editor Theme

This package comes with a pre-configured theme for the Monaco editor.

Just leave theme under codeEditor commented out in your settings.js and then restart Node-RED.

editorTheme: {
    theme: dracula,
    codeEditor: {
        lib: "monaco",
        options: {
            // theme: "",
        },
    },
},

License

This project is licensed under the MIT license.

Like my work?

If you like my work please give it a GitHub ⭐️.

Also, consider supporting me with a coffee ☕.

Buy Me A Coffee

dracula's People

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

pizzaprogram

dracula's Issues

Can't Install in Docker

Problem/Motivation

I am trying to install this theme in docker. When I get into the container and try and install, I get a permission error that I can't fix

(Why the issue was filed)
I do not know why this permission issue is occurring or how to fix it

  • Theme version: latest? I don't see any theme versioning on the project page. Tried to install on 11/13/2021
  • Node-RED version: 2.1.3
  • Platform/OS:
    • Platform: Docker version 20.10.10, build b485636
    • Platform: Docker-compose version 1.25.4, build 8d51620a
    • OS: Linux 4.15.0-159-generic #167-Ubuntu SMP Tue Sep 21 08:55:05 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux
  • Browser: Firefox 94.0.1 (64-bit)

Steps to reproduce

Create node-red with the following compose options

version: "3.7"
services:
  nodered:
    image: nodered/node-red:latest
    container_name: NodeRed
    restart: unless-stopped
    user: "$PUID:$PGID"
    networks:
      - automon
    ports:
      - "1880:1880"
    volumes:
      - "/home/docker/container_data/nodered/data:/data"
    environment:
      - TZ=$TZ
networks:
  automon:
    driver: bridge

$PUID:$PGID equates to 1020:1002.

Login to container to try and install

docker exec -it NodeRed bash

Run the command to install

npm install @node-red-contrib-themes/dracula

I get the following error

npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /.npm
npm ERR! errno -13
npm ERR!
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR!
npm ERR! To permanently fix this problem, please run:
npm ERR!   sudo chown -R 1020:1002 "/.npm

the /.npm folder doesn't exist from what I can see. I see that this has to be a permissions issue, but I don't know how to solve this. Any help would be appreciated!

(How can someone else see it happen. If possible,
Run steps to reproduce
add one or more screenshots)

error

Proposed changes

(If you have a proposed change, workaround or fix,
describe it here)

Potential documentation updates. Depends on how this is resolved.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.