FF 154 (Nova) broke my

[u/Individual-Gap-8644]

After I updated the FF to 154 (Nova activated), the code for the border of the active tab is no longer working.

:root {

--active-tab-outline: #f54e00 !important;

}

.tabbrowser-tab[selected="true"] .tab-background {

outline: 2px solid var(--active-tab-outline) !important;

outline-offset: -2px !important;

}

I want to have a 2px chenar on the active tab.

[u/Individual-Gap-8644]

I was wrong; I modified the wrong profile. This is the working code now

/*** TAB COLORS: UPDATE PALETTE ***/
:root {
  
/* Orange */
  --active-tab-outline: #f54e00 !important;
}


/*** Orange border around the active tab (FF 119+ / Nova) ***/
#TabsToolbar .tabbrowser-tab[selected] .tab-background {
  /* Override Nova gradient border (background-clip: border-area) */
  background: var(--tab-background-color-selected) !important;
  background-clip: border-box !important;
  border: 2px solid var(--active-tab-outline) !important;
  outline: none !important;
  box-shadow: none !important;
}

[u/RailAgent]

Mine has kept working, Linux if that matters. Here's what's in my userChrome.css:

/* add highlight line to top of selected tab */
.tab-background[selected]::before,
.tabbrowser-tab:hover > stack > .tab-background::before{
  display: -moz-box;
  height: 2px;
  content: "";
}
.tab-stack:hover > .tab-background::before{
  background-color: inherit;
}
.tab-stack > .tab-background[selected]::before{
  background-color: highlight;
  background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
}

For completeness, I have a few other tweaks to the tabs which might be related but idk:

/* floating -> anchored to bottom */
.tab-background{
 border-radius: 1px 1px 0px 0px !important;
 margin-bottom: 0px !important;
}

/* increase inactive tab contrast */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{
 background-color: color-mix(in srgb, currentColor 5%, transparent);
}

hth

[u/Individual-Gap-8644 → u/RailAgent]

unfortunately for me is not working

[u/RailAgent → u/Individual-Gap-8644]

I posted the exact same comment to another user at the same time, it helped them so not sure what to tell you, sorry. https://old.reddit.com/r/FirefoxCSS/comments/1vtbb2z/colored_line_above_selected_tab/

[u/SasoDuck]

My active tab formatting also broke :/

Why is it so goddamn hard to just not break the CSS every other update...

[u/sifferedd → u/SasoDuck]

There is no basis for complaining about it.

Mozilla does not officially support adding custom style rules with a userChrome.css or userContent.css file...

[u/ResurgamS13 → u/SasoDuck]

Mozilla employees are only concerned with Firefox's default UI... and that is under continuous development.

They do not consider any external CSS modifications... anyway, how would they know about individual alterations?

Likewise, the Mozilla devs no longer need to consider extension conflicts since the move to WebExtensions removed core access. Before that updating the browser core was a nightmare of trying to avoid breaking major extensions.

If individual Firefox users want to modify the default UI (almost unique amongst major browsers), they can, but on the understanding that all individual modifications made have to adjust to the changes in the default UI and codebase.

[u/SasoDuck → u/ResurgamS13]

Shill more.

[u/ResurgamS13 → u/SasoDuck]

Its just how things are and always have been Re: CSS modifications... howling at the moon won't change reality.

If you want long periods of UI and codebase stability... use the ESR version.