GithubHelp home page GithubHelp logo

Comments (8)

bonanitech avatar bonanitech commented on August 26, 2024

Please check which version you have installed with the command below

npm ls node-red-contrib-theme-midnight-red

from midnight-red.

bonanitech avatar bonanitech commented on August 26, 2024

@dbeltman did you check which version of the theme you have installed?

from midnight-red.

dbeltman avatar dbeltman commented on August 26, 2024

Back again, work happened:)

root@ed18e64a98a6:/data# npm ls node-red-contrib-theme-midnight-red

[email protected] /data
-- [email protected]

That's the output from the command, i haven't changed anything in the last week.

After this, I also tried updating to 1.0.29, but still no dark main grid.
I have tried Chromium and firefox both in private mode so there shouldnt be any caching issues!

Running node-red on docker, if that makes any difference?

from midnight-red.

bonanitech avatar bonanitech commented on August 26, 2024

Can you send a screenshot?

Do you have Show grid enabled in settings?

Screen Shot 2020-02-25 at 6 42 38 AM

from midnight-red.

bonanitech avatar bonanitech commented on August 26, 2024

Also, please update to the new package.

https://www.npmjs.com/package/@node-red-contrib-themes/midnight-red

After installing it you can remove the old one with the command below.

npm uninstall node-red-contrib-theme-midnight-red

from midnight-red.

dbeltman avatar dbeltman commented on August 26, 2024

I do have show grid enabled:
image

I also switched to your package using npm i @node-red-contrib-themes/midnight-red and removed the old one using the command you provided. With that i also updated the settings.js to reflect the new path. I ran all these commands in the /data folder, where my docker volume is mounted at with settings.js and node_modules in it.

However, the issue still persists in the same way: A lot of menu elements are darkened but not all plus the main grid. As a sanity check i removed the css from config and everything became white again. So it's picking up the correct path i presume..

Here is my current theme config:

 // Customising the editor
    editorTheme: {
            page: {
            css: "/data/node_modules/@node-red-contrib-themes/midnight-red/theme.css"
        },
        projects: {
            // To enable the Projects feature, set this value to true
            enabled: false
        }
    }

image

from midnight-red.

bonanitech avatar bonanitech commented on August 26, 2024

Thanks for sending all those details.

I do have show grid enabled:

Sorry, I thought you were not seeing the grid, like in #13.

I also switched to your package using npm i @node-red-contrib-themes/midnight-red and removed the old one

Nice! 🙂

I ran all these commands in the /data folder, where my docker volume is mounted at with settings.js and node_modules in it.

The issue is that the theme is compatible with Node-RED 1.0 (and above). By the screenshot you sent, I see you're still on 0.20.X.

You have two options then:

Upgrade Node-RED (recommended)

OR

Remove the current theme package and install the last version I released with support to 0.20.X. Please note that this package is DEPRECATED.

npm uninstall @node-red-contrib-themes/midnight-red
npm install [email protected]

I'm closing this issue since it's not a problem with the package.

from midnight-red.

dbeltman avatar dbeltman commented on August 26, 2024

thanks @bonanitech. Major fail on my end. Turns out i am running the same docker container as i was 1-2 years ago (lessons learned from statically defining node-red image in DockerFile), and i was under the assumption that i was using the latest node-red image.. Will update Node-red and try your package again!

from midnight-red.

Related Issues (20)

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.