2021-07-12-NodeRed 在Windows下修改界面样式(Linux环境下类似)

修改Window端界面#

需求#

定制化编辑界面,包含页面标题、Header图标及文字、增加定制化CSS等

寻找解决方案#

在GitHub上发现有同样的需求并提供了解决方案

Editor Theming #610
https://github.com/node-red/node-red/issues/610
在这里插入图片描述

解决方案#

根据解决方案的内容,可以修改的元素有:Page(标签)、Header(标题)、DeployButton(部署按钮)、Menu(菜单)、Login(登录界面)等
同时,也可以通过修改CSS文件,修改元素的指定样式
在这里插入图片描述

实现#

图标修改
在这里插入图片描述

样式修改#

可从如下的样式文件中,找到对应元素,进行修改

在这里插入图片描述

2021-07-12-NodeRed 在Windows下修改界面样式(Linux环境下类似)

https://blog.buqia.fun/2022/02/17/2021-07-12-NodeRed-在Windows下修改界面样式(Linux环境下类似)/

作者

lxmuyu

发布于

2022-02-17

更新于

2022-02-17

许可协议