Hey

This bug "seems to be back". Reference to the previous thread:

https://forums.unraid.net/topic/186992-unraid-connect-breaks-default-css-of-header/#findComment-1576801

I posted there first, but I am opening a new thread since the behavior is a bit different now I found.

Summary

Installing the Unraid Connect plugin while having no custom colors set removes the header fade. The setting Display Settings -> “Show banner background color fade” has no effect.

Expected

With no custom colors and "Show banner background color fade" = Yes, the header shows the gradient fade based on the default theme color.

Actual

• The fade is missing.

• On reload, the gradient appears for a split second, then disappears.

• In DevTools the child element that renders the gradient is present when the plugin is not installed, but is removed from the DOM once Unraid Connect is installed and the page finishes loading.

• In contrast to the old bug, the theme color variable now resolve to a value (with a slightly different name). So the issue is not a missing CSS variable like before, but that the gradient container div is gone after the plugin initializes - at least that is what I figured out.

Screenshots

• Working (no plugin) - 2 Screenshots: Gradient element present with inline background-image: linear-gradient(...) on the absolute child.

• Broken (plugin installed) - 2 Screenshots: That gradient element is missing from the HTML.

Steps to reproduce

• Settings -> Display

• Theme: Black

• Ensure no custom colors are set

• Set “Show banner background color fade” = Yes

• Install Unraid Connect

• Refresh

Result: header fade is gone.

Browsers tested: Chrome and Firefox

Notes

Setting Header custom background color does not restore the fade, like in the old bug.

It looks like Unraid Connect is rewriting the header markup and dropping the gradient container.

If needed I can provide a a short screen recording?

I have the same problem on 7.1.4 and 7.2.0-beta.3.

confirmed, i have the exact same issue. i just installed 7.2.0 stable and it's still not resolved.

Also confirmed, same issue on 7.2.0

Plugin: Unraid Connect: 2025.11.18.1844

My header background color changed from dark to light color. In the latest version 2025.11.18.1844
How can I change it to dark?

Edited November 18, 2025Nov 18 by uCoreX

3 hours ago, uCoreX said:

My header background color changed from dark to light color. In the latest version 2025.11.18.1844
How can I change it to dark?

Just installed Unraid Connect plugin and came to say I have the same issue.

I'm having the same issue too, I tried to reinstall it, rebooting between removal and reinstallation but I can't log back into it.

server-diagnostics-20251118-1942.zip

Same issue, unraid connect updated, header background color suddently turned white. changing the custom background color or deleting it has no effect.

From the Connect GitHub;

ich habe nach dem update das gleiche Problem

Installed Version	2025.11.18.1844
Min OS	6.9.0-rc1

Edited November 19, 2025Nov 19 by widmar

Same here, header background color changed from dark to light.

Same here..

I actually just uninstalled Unraid connect to work around it.

What I did notice is that the 'Gray' theme did honour the custom background override, but the 'Black' theme does not..

Going to the developer tools in Chrome, you can see in the Black theme the hierachy of background colour is ignoring the custom one and pulling in the default..

Also, trying to reinstall and then signing in just has it hanging with the modal signing in dialog spinning forever..

Edited November 19, 2025Nov 19 by Snubbers

There was an update today to address this issue, but there is a new bug now. When you change "Header custom background color:", every time you click anything, like different tab or clicking a disk or setting, banner color changes back to its default for a split second. In my case, I have theme on "Black", and I set background header color to "000000" which is black. When I click any tab which refreshes the page, I get bright white flash in the banner area for split second.

Please fix this because it is annoying. Thanks.

Edited November 19, 2025Nov 19 by neo5468

This should be fixed in 7.2.1, please retest.

22 minutes ago, JorgeB said:

This should be fixed in 7.2.1, please retest.

No, I just updated to 7.2.1 and Unraid Connect is also on the latest version 4.27.0. There is still white flash, same as before.

7 hours ago, neo5468 said:

There is still white flash, same as before.

This thread is about the fade, if you still have the flashing issues, please continue here: [7.2.0] Navigation Bar section flashes when navigating WebUI - Stable Releases

I uninstalled Unraid Connect previously, because I didn't like this bug - it looked too broken. I deliberately waited to install Unraid 7.2.2 because I had hoped this would be fixed, after a few bug fixing rounds.

But unfortunately It is still not fixed 😞 - It got worse actually, because now it is also broken even without the Unraid Connect plugin installed.

Yes, there is a fade now - at least 😉, but it is obviously not the intended look. I have added a screenshot of how it looks here:

The color stop in the gradient is now 90% whereas it was before 30%. Also there is no spacing to the left:

I messed around in the Firefox inspector and got it to kind of look similar as before, by adding a style of "padding-left: 160px" to the UserProfile div, and then setting the color stop to 30% as before. It works - in desktop, but it breaks in "responsive mode" (I have no idea how many breakpoints you have).

So in "responsive mode", you could run with something like: "padding-left: 30%" on the UserProfile div, and then set the color stop to around 60%.

This is just me doing some quick hacking, but it could work like that.

Another idea. Maybe turn off the background image in responsive mode - by default, and then have a new option to preserve background image on responsive, or even better have a custom responsive image for that 🤩.

Example with the image off:

Hope this bug gets fixed soon. You tend to look at this interface quite often, and it is just an eye sore - and looks so broken. As as UX designer, I hope you also prioritize visual stuff like this 🙂

Thanks!

Edited November 25, 2025Nov 25 by TreksterDK

Thanks for highlighting this. We're in a strange intermediate phase of moving the header to a new Vue Component driven approach, while still dealing with legacy CSS to do this, which is causing these UI regressions.

We'll get an updated Connect release out sometime in the next couple weeks with a fix for this as well as the other CSS issues that some users are seeing, and I appreciate your patience while we move towards a more flexible UI for the future.

On 11/25/2025 at 1:33 PM, TreksterDK said:

But unfortunately It is still not fixed

Please retest with 7.2.3

This seams to work now - as far as I can see.

Still having this issue with 7.2.3 when using the Black theme (or the light theme with the nav menu at the top)

I've tried removing Unraid Connect and rebooting but the issue persisted.
Currently upgrading to 7.2.6 and hoping that it'll be fixed. --header-text-primary is unset

Update:

Issue persists after updating to 7.2.6

Edited May 11May 11 by x3rt