datguypiko / Firefox-Mod-Blur

Firefox Theme - For dark theme lovers / More compact / Modular / Blur
1.35k stars 62 forks source link

Box of blue color shows up in the top right of the firefox UI. #151

Closed michelklaasen closed 2 months ago

michelklaasen commented 2 months ago

Hi there,

I just installed the theme on Windows 11 and MacOS 14.6.1. Both are running Firefox 130.0.1.

Then, a blue color shows in the top right of the Firefox UI, see the image 👇

Blue color in UI

I checked it out with the toolbox and the line of CSS that is responsible for this is one 👇 turning it off will remove the color.

Responsible CSS

And I managed to get rid of the little box thing by adding this line of CSS in userChrome.css. Now, I haven't investigated the theme so I'm not sure what I'm doing but it works:

#navigator-toolbox { :root[lwtheme-image] & { background-image: var(--lwt-additional-images) !important; } }

So, yeah, I don't think that color is supposed to be there right?

Greetings

(and thanks for the awesome theme)

datguypiko commented 2 months ago

Probably because you are using custom theme {5EE4A614-8356-4D30-A5B0-478F19EEED5A}

Simple fix is just adding this but it affects other themes which uses images so your code probably better in this case.

#navigator-toolbox {
  background-image: none !important;
}

I added the changes to userChrome.css

michelklaasen commented 3 days ago

Hey sorry I never got back to you.

You were totally right by the way. It's caused by the custom theme and that particular line of code fixes it.

Wasn't aware I had that theme running.

Thanks.