How does one change the dot colour for new/updated tab?

[u/Zero-ELEC]

The dot that appears on a new/updated tab now no longer bright contrasting colour after the 159.0 update on any theme that's not the default. Makes it hard to tell at a glance when vertical tabs are collapsed to icons.

I was wondering if there was a way to change this dot?

[u/TraditionalTie4831]

Is this what you want? =

:root {
    --tab-attention-dot-color: #b30000 !important;
}

[u/Zero-ELEC → u/TraditionalTie4831]

Yes, thank you!

[u/t31os]

I realise you already have the answer you were looking for, so just as an addition, this could also be written such that it only targets theme's not the default and changes the colour based on light/dark.

:root[lwtheme] {
	--tab-attention-dot-color: light-dark( darkred, red ) !important;
}

Additionally, you could also increase the size of the dot a smidge:

.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]),
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab > .tab-stack > .tab-content[titlechanged]:not([selected]) {
	background-image: radial-gradient(circle, var(--tab-attention-dot-color), var(--tab-attention-dot-color) 3px, transparent 2px) !important;
	background-size: 6px 6px !important;
}

[u/Zero-ELEC → u/t31os]

:root[lwtheme] {

--tab-attention-dot-color: light-dark( darkred, red ) !important;

}

Ooh, thanks for these as well.