為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Cannot change color of tabs

  • 6 回覆
  • 1 有這個問題
  • 19 次檢視
  • 最近回覆由 davidhelp

more options

Firefox - Add Colored tabs

I had Firefox version 81 and after installing version 82 in a new install on a new hard drive, I cannot change the color of my tabs anymore. I should see white tabs for the current tab but no longer when I added my userChrome.css file. I see instead a thin blue color strip along the top of the tab and the rest is grey. This shows up without any userChrome.css file.

In Firefox address field type: about:support It shows my Profile. vwy0y5ix.default-release I also have under the Profile folder this: jcueuz5y.default

I put the userChrome.css file here in my Chrome folder: C:\Users\David\AppData\Roaming\Mozilla\Firefox\Profiles\vwy0y5ix.default-release

What it contains: /* USE THIS ONE. It works in version 65 https://github.com/Aris-t2/CustomCSSforFx/releases/tag/2.3.4

  • /

@import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/ /* <-- tabs not on top - Fx65+ - Windows/Linux */

/* Colored tab */ .tab-background:not([selected]) {

   background-color: #E3E0DB !important;

}

.tab-background[selected="true"] {

   background-color: white!important;

}

/*** Sidebar Color / Font Size Formatting ***/ /* 14px black text */ .sidebar-placesTree treechildren::-moz-tree-cell-text {

 font-size: 14px !important;
 color: #000 !important;

} /* Pale blue background on hover or selected */ .sidebar-placesTree treechildren::-moz-tree-row(hover), .sidebar-placesTree treechildren::-moz-tree-row(selected) {

 background-color: #bdf !important;

}

/* Main Toolbar */

  1. nav-bar {
 font-size: 14px !important;
Firefox - Add Colored tabs I had Firefox version 81 and after installing version 82 in a new install on a new hard drive, I cannot change the color of my tabs anymore. I should see white tabs for the current tab but no longer when I added my userChrome.css file. I see instead a thin blue color strip along the top of the tab and the rest is grey. This shows up without any userChrome.css file. In Firefox address field type: about:support It shows my Profile. vwy0y5ix.default-release I also have under the Profile folder this: jcueuz5y.default I put the userChrome.css file here in my Chrome folder: C:\Users\David\AppData\Roaming\Mozilla\Firefox\Profiles\vwy0y5ix.default-release What it contains: /* USE THIS ONE. It works in version 65 https://github.com/Aris-t2/CustomCSSforFx/releases/tag/2.3.4 */ @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/ /* <-- tabs not on top - Fx65+ - Windows/Linux */ /* Colored tab */ .tab-background:not([selected]) { background-color: #E3E0DB !important; } .tab-background[selected="true"] { background-color: white!important; } /*** Sidebar Color / Font Size Formatting ***/ /* 14px black text */ .sidebar-placesTree treechildren::-moz-tree-cell-text { font-size: 14px !important; color: #000 !important; } /* Pale blue background on hover or selected */ .sidebar-placesTree treechildren::-moz-tree-row(hover), .sidebar-placesTree treechildren::-moz-tree-row(selected) { background-color: #bdf !important; } /* Main Toolbar */ #nav-bar { font-size: 14px !important;
附加的畫面擷圖

由 davidhelp 於 修改

所有回覆 (6)

more options

The issue is fixed. The userChrome.css file is not detected automatically. You have to do the following steps. From Firefox 69 and higher it will no longer look for this file automatically. You need to tell it to look. Here's how: In a new tab, type or paste about:config in the address bar and press Enter In the search box above the list, type or paste:

userprof

Double-click on: toolkit.legacyUserProfileCustomizations.stylesheets

Change preference from false to true. Close Firefox then re-open. I now have the colored tab.

由 davidhelp 於 修改

more options

Thunderbird email program You do the same for Thunderbird. From the top you go to Tools> Options> scroll all the way down on the right side and click on "Config Editor"

File name is the same too: userChrome.css C:\Users\ "your name" \AppData\Roaming\Thunderbird\Profiles\"Your profile name" 736m2uer.default-release\Chrome

You create a folder and call it Chrome and copy the userChrome.css file to it. In the search box above the list, type or paste:

userprof Double-click the: toolkit.legacyUserProfileCustomizations.stylesheets Change preference from false to true. Close Thunderbird then re-open. Here is the userChrome.css contents:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* horizontal grid lines */

  1. threadTree treechildren::-moz-tree-row() {

border-bottom: 1px dotted grey !important; } /* vertical grid lines */

  1. threadTree treechildren::-moz-tree-column() {

border-right: 1px dotted grey !important; } /*

  • Make all the default font sizes 15px:
*/
  • { font-size: 15px !important; }

由 davidhelp 於 修改

more options

Removed a post.

由 davidhelp 於 修改

more options

Removed a post.

由 davidhelp 於 修改

more options

For Thunderbird you can right click on the folders> Properties> Icon Color to add any color to a folder. I wish I could make it a solid color for the folder instead of just an outline.

What changes to the look of the folders: https://scottiestech.info/2020/09/22/thunderbird-78-change-is-in-the-air-but-dont-panic/

What is new in Thunderbird: https://support.mozilla.org/en-US/kb/new-thunderbird-78

Some answers. https://support.mozilla.org/en-US/questions/1297896

由 davidhelp 於 修改

more options

For Thunderbird. Brings back the old better looking icons!

Phoenity Icons 3.0b8 extension

https://addons.thunderbird.net/en-US/thunderbird/addon/phoenity-icons/