Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to separate inactive tabs ? with either bar or boxes

  • 4 replies
  • 0 have this problem
  • 1 view
  • Last reply by cor-el

more options

Initial post: https://forums.debian.net/viewtopic.php?p=792869#p792869

cat history.log-* history.log | grep -i firefox -B2

Start-Date: 2024-02-11 19:48:58 Commandline: /usr/bin/unattended-upgrade Upgrade: firefox-esr:amd64 (102.15.0esr-1~deb11u1, 115.7.0esr-1~deb11u1)

before: https://support.mozilla.org/en-US/kb/search-open-tabs-firefox https://addons.mozilla.org/fr/firefox/addon/simple-tab-groups/ https://www.ghacks.net/2021/03/09/manage-container-tabs-efficiently-from-a-side-panel-with-the-container-tabs-sidebar-extension-for-firefox/ now: https://addons.mozilla.org/fr/firefox/addon/tab-stash/ https://www.majorgeeks.com/files/details/sidebar_tabs.html

How do I put bar between tabs, or, each tab inside an individual box ? I have tried many codes from various forums, but since this update, FF seems to ignore ./chrome/userChrome.css completely.

Initial post: https://forums.debian.net/viewtopic.php?p=792869#p792869 cat history.log-* history.log | grep -i firefox -B2 Start-Date: 2024-02-11 19:48:58 Commandline: /usr/bin/unattended-upgrade Upgrade: firefox-esr:amd64 (102.15.0esr-1~deb11u1, 115.7.0esr-1~deb11u1) before: https://support.mozilla.org/en-US/kb/search-open-tabs-firefox https://addons.mozilla.org/fr/firefox/addon/simple-tab-groups/ https://www.ghacks.net/2021/03/09/manage-container-tabs-efficiently-from-a-side-panel-with-the-container-tabs-sidebar-extension-for-firefox/ now: https://addons.mozilla.org/fr/firefox/addon/tab-stash/ https://www.majorgeeks.com/files/details/sidebar_tabs.html How do I put bar between tabs, or, each tab inside an individual box ? I have tried many codes from various forums, but since this update, FF seems to ignore ./chrome/userChrome.css completely.

Chosen solution

Firefox 115+ still read the userChrome.css file, but the built-in style rules change from time to time, so you need to update your rules in userChrome.css.

If NONE of your userChrome.css rules work at all, two common reasons would be:

(1) The file is not in the expected location inside your currently active profile folder. You can confirm your current profile folder using the Troubleshooting Information (about:support) page. See:

Use the Troubleshooting Information page to help fix Firefox issues

(2) The toolkit.legacyUserProfileCustomizations.stylesheets preference is not set to true. This needs to be set to true or Firefox won't look for userChrome.css at startup. Configuration Editor for Firefox

If you can rule out those issues, then it's probably the specific rules that need updating. A possibly better place for advice on that is:

https://www.reddit.com/r/FirefoxCSS/

Read this answer in context 👍 1

All Replies (4)

more options

Chosen Solution

Firefox 115+ still read the userChrome.css file, but the built-in style rules change from time to time, so you need to update your rules in userChrome.css.

If NONE of your userChrome.css rules work at all, two common reasons would be:

(1) The file is not in the expected location inside your currently active profile folder. You can confirm your current profile folder using the Troubleshooting Information (about:support) page. See:

Use the Troubleshooting Information page to help fix Firefox issues

(2) The toolkit.legacyUserProfileCustomizations.stylesheets preference is not set to true. This needs to be set to true or Firefox won't look for userChrome.css at startup. Configuration Editor for Firefox

If you can rule out those issues, then it's probably the specific rules that need updating. A possibly better place for advice on that is:

https://www.reddit.com/r/FirefoxCSS/

more options

Localising the file: i asked GPT, who said to check about:profiles, which points to /home/dhp/.mozilla/firefox/MySecret.default . In this folder, I edit chrome/userChrome.css . But your about:support gives the same result.

in about:config, toolkit.legacyUserProfileCustomizations.stylesheets was false. Switching it, sending this post, and restarting FF ... CU in 10s ...

more options

toolkit.legacyUserProfileCustomizations.stylesheets did the job, thanks.

Here is a sample that orks for me, on short term. Will customise more later.

/* https://www.reddit.com/r/FirefoxCSS/comments/x42ojc/tabs_border_outlining_now_working_in_firefox/ https://support.mozilla.org/en-US/questions/1270436

  • /

.tabbrowser-tab .tab-background { border: 1px solid red !important;

border-radius: 3px 3px 0px 0px !important;
border-image: none !important;
border-left: 0px solid !important;
border-right: 0px solid !important;
border-top: 1px solid !important;
background-color: #BDBDBD !important;

} /* https://support.mozilla.org/en-US/questions/1282095 */ /*.tab-line[selected="true"] {

     background-color: red !important;
  }*/
 .tab-background[selected="true"] {
     background-color: #E0E0E0 !important;
     background-image: none !important;

border: 1px solid red !important;

   }
more options

Note that you may have to leave out ="true" in [selected="true"] and use [selected] to avoid issues with newer Firefox versions.