Dashboard CSS - custom and blue

Not very popular Neumorphism is kind of challenge. Tried a bit but the structure of dashboard fights back pretty hard and I'm not that good at the art also to make it pretty.
But if somebody likes it and wants to play with it or grab some ideas, I leave the files.

light-white-theme.txt (976 Bytes)
light-white-css.txt (5.9 KB)

Theme file goes to .node-red\lib\themes folder and you can load it as custom theme from dashboard theme tab.
CSS file has instructions inside.

Result is something like this.

12 Likes

I put the files in ".node-red / lib / themes" and changed the extension of "light-white-css.txt" to .css.
I miss something?

Theme file only goes to .node-red\lib\themes
The css can be provided via ui_template node even by including the script or paste the content inside style tags

<style>
place css rules here
</style>

And the ui_template should then be configured to site head
image

1 Like

Ok, thanks for your patience, but the theme shouldn't be displayed anywhere in the editor?

The custom theme applies if you configure it to be used.
Press the button and see -> the custom theme file should be available.
image

2 Likes

thanks, now everything works

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.