Changing the density doesn't affect the size of the tabs

[dhra]

Description

The size of the tabs is too tiny, and it's impossible to change it via the firefox customize page.

• Open the Customize page on the FF
• Change the density

Include screenshot / video recording if possible.
Screencast from 2023-12-22 07-55-56.webm

Configuration

• Firefox Version: 123 nightly
• OS: Ubuntu, Gnome 45.2
• Edge-FrFox commit: 1c1f081c558038c7e7ef832859a49f37e88b3dc4
• Edge-FrFox version: v23.12.20

[bmFtZQ]

At the moment, this theme does not support any density other than 'Normal', if the tabs size is the only thing you want to change, then temporarily you can add this to the userChrome.css file:

#titlebar {
  --tab-min-height: 32px !important;
}

You can then change the 32px (default size) to the size that you need.

If you want the size of the labels to be larger, then you can add this to the userChrome.css file:

.tabbrowser-tab {
  font-size: 12px !important;
}

You can then change the 12px (default size) to the size that you need.

[SleepDaemon]

At the moment, this theme does not support any density other than 'Normal', if the tabs size is the only thing you want to change, then temporarily you can add this to the userChrome.css file:

#titlebar {
  --tab-min-height: 32px !important;
}

You can then change the 32px (default size) to the size that you need.

If you want the size of the labels to be larger, then you can add this to the userChrome.css file:

.tabbrowser-tab {
  font-size: 12px !important;
}

You can then change the 12px (default size) to the size that you need.

I tried using the the first css to change tab size but it doesn't seem to be affected.