Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

After plugin updates: No banner fade + unreadable header text ("Show banner background color fade" broken)

Featured Replies

Hey

 

I just updated some plugins, including "Unraid Patch", "Community Applications" and "Unraid Connect". There were a few others as well, but I suspect it might be one of these that introduced a small visual bug - maybe.
 

After the update I refreshed my browser and noticed that the light fade effect in the header is gone. The setting "Show banner background color fade" under "Display Settings" no longer has any effect.

I'm using the black theme, and as you can see here and the setting is enabled:

image.thumb.png.b6dd12b10a3e553076a40e72ce7c21db.png

 

But this is how my header looks now:

image.png.dd6c24c32f55ee8a7dfc4ddcd99fdb87.png

 

And this is what it should look like:

image.png.8e8dc1452158cccf11844a4f59bb3f66.png

 

When I inspected the CSS, I noticed that the variable "--color-beta" is now "not defined" after the update:

image.thumb.png.2b7fb37944fe1393755e1400d26ada99.png

 

I tested it in Chrome, Firefox, and Edge – same result across all of them.

 

Has anyone else noticed this or have any idea what might be causing it? This is a bug, right? Just seems odd that it happened right after a plugin update. 🤔

 

Thanks!

 

 

 

Looks like Unraid Connect tweaked that area. Since you have a dark header image, you'll want to go to Settings > Display (your first screenshot) and put a light color in the "Header Custom Text Color" field

  • Author
On 2/14/2025 at 5:53 PM, ljm42 said:

Looks like Unraid Connect tweaked that area. Since you have a dark header image, you'll want to go to Settings > Display (your first screenshot) and put a light color in the "Header Custom Text Color" field

I get that, and I appreciate the tip. But this is clearly a bug - the CSS variable is not defined anymore, and the "Show banner background color fade" setting still exists but does nothing.

 

Yeah I could work around it with your suggestion, but I would rather have the fade back like before (it just looks better :) ) .

 

Can you reproduce the issue on your end BTW?

Edited by TreksterDK

  • Community Expert
26 minutes ago, TreksterDK said:

I get that, and I appreciate the tip. But this is clearly a bug - the CSS variable is not defined anymore, and the "Show banner background color fade" setting still exists but does nothing.

 

Yeah I could work around it with your suggestion, but I would rather have the fade back like before (it just looks better :) ) .

 

Can you reproduce the issue on your end BTW?

Its not a bug. Thats an issue caused with the Unraid Connect plugin.

image.thumb.png.9c78feedd62b9bfc3721061fd0c06c0b.png


image.thumb.png.d3ad169150b4842e2a13e0a470464086.png



Edit: TBF, theres probably something more messy going since the Unraid Connect Plugin by itself does infact not mess with it, contrary to what i expected after that 

  

On 2/14/2025 at 5:53 PM, ljm42 said:

Looks like Unraid Connect tweaked that area. 

 

comment


image.png.ec25680df7b33cb3e3a4e8a70a8689f2.png



Edit Edit:


Before i get stoned in advanced.

--color-beta is that field and has on no input the following value

image.thumb.png.3b66de3085b693e13b8cf99f631406d9.png

Edited by Mainfrezzer

  • Author

I'm unsure if we agree or not ;)

 

image.thumb.png.9b33ba4733c29ea9b18f72f7d1506161.png

 

I do not have any custom colors set (as you can see), and that is exactly when the bug becomes apparent (I never added them). I know I could just override it with the same color as the header (which is the color that is also used for the gradient/fade), and that would fix it, but not everyone will know to do that.

 

As you can see in the screenshot here, when you hover over the CSS variable, it shows as not defined - but the point is, it should be defined by default.

 

The whole point of having a "custom color" option is to override the default behavior. If you have to set a custom color just to make it work, then that tells me it is a bug.

 

Edited by TreksterDK

  • Community Expert
20 minutes ago, TreksterDK said:

I'm unsure if we agree or not ;)

 

image.thumb.png.9b33ba4733c29ea9b18f72f7d1506161.png

 

I do not have any custom colors set (as you can see), and that is exactly when the bug becomes apparent (I never added them). I know I could just override it with the same color as the header (which is the color that is also used for the gradient/fade), and that would fix it, but not everyone will know to do that.

 

As you can see in the screenshot here, when you hover over the CSS variable, it shows as not defined - but the point is, it should be defined by default.

 

The whole point of having a "custom color" option is to override the default behavior. If you have to set a custom color just to make it work, then that tells me it is a bug.

 



Hope this clarifies itimage.thumb.png.8178df344709c23a6ea7072ca2f51ecf.png




And in case you want to see the source

image.png.da7b144633f13321e12d16f7c51db9b9.png

https://github.com/unraid/webgui/blob/7.0/emhttp/plugins/dynamix.my.servers/unraid-components/_nuxt/unraid-components-p_3YF86n.css

its in there.

Edited by Mainfrezzer

  • Author

image.thumb.png.b3c456d2d2d9ab9f199f095f3a80a87e.png

 

This is so weird! As you can see. It is not in my body (And I have a lot of other stuff you don't have). I also have a class called "dark" that you dont 🤔

 

What's going on here?

 

  • Community Expert
1 minute ago, TreksterDK said:

image.thumb.png.b3c456d2d2d9ab9f199f095f3a80a87e.png

 

This is so weird! As you can see. It is not in my body (And I have a lot of other stuff you don't have). I also have a class called "dark" that you dont 🤔

 

What's going on here?

 

I finally broke it too

 



thats the appropriate place

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.