How to make tab bar not transparent/accent colored?

[YogurtProblems]

Hey guys. This UI Fix is exactly what I have been looking for to make Firefox closer to what I remember.

Firefox: 115
OS: Windows 10

Is there a way to turn off the top tab bar transparency/accent coloration? I'd prefer it to be just a not highlighted version of the regular coloration.

Hopefully that makes sense.

I do have

userChrome.compatibility.accent_color == false

As well as

userChrome.compatibility.covered_header_image == false.

When I have another window take priority, the colors do what I am looking for.

Thanks for any help!

[black7375]

The background color changes because of the OS settings.

1. settings > Personalization > Colors
2. Show accent color on title bars and windows borders to false

Alternatively, if you select a theme other than the default, the accent color will be disabled.

---

You can also choose to remove the code manually.

Firefox-UI-Fix/css/leptonChrome.css

Lines 842 to 870 in 7c8a968

	/*= Windows10 - Titlebar accent color ========================================*/
	@media (-moz-windows-accent-color-in-titlebar) {
	/* Tab Bar */
	:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .titlebar-color,
	:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color {
	color: AccentColorText;
	background-color: AccentColor;
	}
	@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
	:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .titlebar-color,
	:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color {
	color: -moz-accent-color-foreground;
	background-color: -moz-accent-color;
	}
	}
	:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .toolbar-items,
	:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items {
	--toolbarbutton-icon-fill: currentColor;
	--toolbarbutton-hover-background: color-mix(in srgb, AccentColorText 10%, transparent);
	--toolbarbutton-active-background: color-mix(in srgb, AccentColorText 15%, transparent);
	}
	@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
	:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .toolbar-items,
	:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items {
	--toolbarbutton-hover-background: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent);
	--toolbarbutton-active-background: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent);
	}
	}
	}

[YogurtProblems]

Thank you for pointing out that code block to me! I commented it out and it's doing exactly what I want now!

I assume I start a new discussion to ask another, slightly different, question?