为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

[SOLVED] How can I change the colours on Firefox 'about' pages?

  • 9 个回答
  • 1 人有此问题
  • 5 次查看
  • 最后回复者为 ender21

more options

I would like to change the background colour of the 'about' pages to #EFEFEF or a named colour if such code cannot be used and, if possible, the font colour as well. The white background is my main focus.

I am hopeful that the colour(s) can be changed using the userChrome.css file.

I have been unable to find an answer to the specific question or any source providing a comprehensive list of element and attribute names.

I am using Firefox 20.0.1 on a Linux operating system.

I would like to change the background colour of the 'about' pages to #EFEFEF or a named colour if such code cannot be used and, if possible, the font colour as well. The white background is my main focus. I am hopeful that the colour(s) can be changed using the userChrome.css file. I have been unable to find an answer to the specific question or any source providing a comprehensive list of element and attribute names. I am using Firefox 20.0.1 on a Linux operating system.

由ender21于修改

被采纳的解决方案

Which about pages are you referring to?

You will probably have to style each of them individually via code in userContent.css.

@-moz-document url(about:blank){
 * { background-color: #EFEFEF; }
}

@-moz-document url(about:config){
 * { font-size: 11pt !important; }
 #configTreeBody { background-color:#f0f0f0; }
}
定位到答案原位置 👍 2

所有回复 (9)

more options

选择的解决方案

Which about pages are you referring to?

You will probably have to style each of them individually via code in userContent.css.

@-moz-document url(about:blank){
 * { background-color: #EFEFEF; }
}

@-moz-document url(about:config){
 * { font-size: 11pt !important; }
 #configTreeBody { background-color:#f0f0f0; }
}
more options

Thank you. My main mistake was thinking the settings should be in userChrome.css.

The pages I most wish to change are about:config and about:addons. I'll experiment tonight and report back.

more options

Hello. I tried the code with mixed results.

/* background colour of about:config */

@-moz-document url(about:config){

#configTreeBody { background-color:#EFEFEF; }

}

/* background colour of about:addons */

@-moz-document url(about:addons){

* { background-color: #EFEFEF; }

}

The background colour of about:addons changed as desired. The white background on that page was particularly hard on my eyes. The result with about:config was not as good as the result obtained using the same formula as about:addons. Either code left alternative lines white or nearly white. The code above left the text area white also.

Thank you again for your help.

more options

The about:config uses treechildren to display its content and is thus more difficult to style.

@-moz-document url(about:config){
 treechildren::-moz-tree-row(even) { background-color: #DDD!important; }
 treechildren::-moz-tree-row(odd) { background-color: #EEE!important; }
 treechildren::-moz-tree-row(selected) { background-color: #07B!important; }
}

由cor-el于修改

more options

Thanks for the code and that link. about:config shows contrasting line colours even when I specify the same colour for odd and even rows:

/* about config again */

@-moz-document url(about:config){

treechildren::-moz-tree-row(even) { background-color: #d0d0d0; }
treechildren::-moz-tree-row(odd) { background-color: #d0d0d0; }

}

The colour you suggested (as used above) proved to be better for about:addons than the one I used because when an item in the add-ons list is selected the font colour changes to white which is still visible against the background #d0d0d0.

more options

You need to add the !important; flag to override CSS rules that are already set on this page.

more options

Thank you. I can hardly believe I missed that again. Adding it makes no difference. That page doesn't matter so much.

由ender21于修改

more options

This work for me on Linux.

@-moz-document url(about:config){
 treechildren::-moz-tree-row(even) { background-color: #EEE!important; }
 treechildren::-moz-tree-row(odd) { background-color: #EEE!important; }
 treechildren::-moz-tree-row(selected) { background-color: #07B!important; }
}

Does other code in the file work?

more options

Thanks again. I inserted this stanza:

@-moz-document url(about:config){

treechildren::-moz-tree-row(even) { background-color: #EEE; !important }
treechildren::-moz-tree-row(odd) { background-color: #EEE; !important }
treechildren::-moz-tree-row(selected) { background-color: #07B; !important }

}

The background colours of odd and even rows still differ and the background of a selected row is blue.

The file is very old and I can't be certain of all its contents. Most of the stanzas are ineffective. I have checked the efficacy of one stanza by commenting it out and it is having the desired result. In addition the new stanza for about:addons is having the desired result. Is there somewhere I can get a clean and up-to-date template? My testing profile has no 'chrome' folder.

由ender21于修改