FlowFuse / FlowFuse/node-red-dashboard

Dialog groups do not use chosen theme background

Open
#1,581 0 comments 0 reactions 0 assignees View on GitHub
needs-triage type:bug
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Current Behavior

When the default theme is changed, or another theme is applied, dialog groups do not have the `!important` flag in their CSS to use the configured background color.

![Image](https://github.com/user-attachments/assets/b1400bd6-6969-464f-9161-e1c5d37269cb)
group background-color uses `!important` flag.

![Image](https://github.com/user-attachments/assets/403ae65c-5bcc-4c93-985f-e75b3f1c1bea)
Dialog background-color does not use `!important` flag.

Setting the `!important` in the browser inspect pane displays the correct dialog group background color.

### Expected Behavior

Dialog groups should use the configured theme colors just as all other groups do.

### Steps To Reproduce

Set up a dark theme with a dark group background and deploy.

### Environment

- Dashboard version: 1.22.0
- Node-RED version: 4.0.7
- Node.js version: 20.18.1
- npm version: 10.8.2
- Platform/OS: Ubuntu 24.04.1 LTS
- Browser: Chrome

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.