Skip to content

CSS for colors of multiple tabs selection #3245

Answered by irvinm
Kratorator asked this question in Q&A
Discussion options

You must be logged in to vote

I can't find the CSS for changing the background color and opacity of selected multiple tabs. With light backgrounds, it's a light yellow, but with dark tab backgrounds (up to middle grey), set by the Firefox theme and/or the Dark Reader addon, it's a barely visible, almost transparent turquoise. Changing the text color would be nice too.

For the tab color and opacity, modify the values to what you want.

:root {
  --multiselected-color: var(--tab-surface-active-gradient);
  --multiselected-color-opacity: 0.35;
}

For the font, modify what you need from here:

.mutiple-highlighted > tab-item.highlighted tab-label .label-content {
  font-weight: normal;
  line-height: 1.4;
  color: red;
  …

Replies: 1 comment 1 reply

Comment options

You must be logged in to vote
1 reply
@Kratorator
Comment options

Answer selected by Kratorator
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants