DEV Community

Cover image for Firefox css: restyle the active tab handle
Ellis
Ellis

Posted on • Edited on

Firefox css: restyle the active tab handle

On the Firefox browser, especially with some themes, the active (ie. currently selected) tab can be difficult to distinguish, because it may have a similar background colour to the other tabs.

One simple and direct solution is to modify the "userChrome.css" file manually, through the following steps.

(Some Firefox and CSS knowledge is assumed.)

  1. On Firefox, go to the "about:config" page (by typing "about:config" in the url box), enter "toolkit.legacyUserProfileCustomizations.stylesheets" in the searchbox, and set the value to "true".

  2. Again on Firefox, go to the "about:support" page, look for "Profile Folder", then open this folder.

  3. Inside this folder, look for (or create) a "chrome" folder, and inside the "chrome" folder, look for (or create) a "userChrome.css" file.

  4. Inside the "userChrome.css" file, carefully add the following lines at the top level. Add a border, or change the background if you prefer. Use crimson or your favourite colour. Try appending "!important" if it doesn't seem to work without it.

.tabbrowser-tab[selected="true"] .tab-background {
  /* background: crimson none !important; */
  border: 1px solid crimson;
  border-bottom: none;
}
Enter fullscreen mode Exit fullscreen mode
  1. Restart Firefox.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay