cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
wewelcomeyousir
New member
Status: New idea

Vertical tab is useful feature but in dark theme its difficult to identify which tab is currently active. If you simply add border glow to active tab, it will be lot easier to see active tab in vertical form.

My Personal Problem: I have to increase brightness to check which is currently active tab in vertical tabs.

Thank you for taking idea from us.

3 Comments
Status changed to: New idea
Jon
Community Manager
Community Manager

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

schlauer_fuchs
New member

Hi !

I don't know what you mean with "vertical tabs" (I suppose you talk about firefox browser; and there my tabs are horizontal from left to right at top of FF window)...

but I fully agree to, that it is not so easy to detect very instantly and fast at top of a FF browser window with many tabs, whcih tab is currently active! yes, good if the active tab would get a bright gray, or a bold white line surrounding the tab...

the top frame of the window and of all tabs is black, and the active tab is kind of anthracite = a tiny bit brighter than black, not even gray. So hard to detect quick.

Agentvirtuel
Collaborator

Hello

Use the sidebar to access tools and vertical tabs.
https://support.mozilla.org/en-US/kb/use-sidebar-access-tools-and-vertical-tabs

Make tabs visually distinguishable from another.
https://connect.mozilla.org/t5/ideas/make-tabs-visually-distinguishable-from-another/idi-p/7295

For information purposes.
Firefox advanced customization and configuration options.
https://support.mozilla.org/en-US/kb/firefox-advanced-customization-and-configuration

An test.
userChrome.css file.

.tabbrowser-tab[selected] .tab-content {
  background-color: #33cc33 !important; }
.tabbrowser-tab:hover:not([selected]) .tab-content {
  background-color: #cccc33 !important; }
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  background-color: #cc3333 !important; }

1.png

2.png

Additional information.
https://www.w3schools.com/colors/colors_picker.asp
https://www.userchrome.org/how-create-userchrome-css.html