Please refer to the following screenshot:
I want to modify the foreground and background colors of the selected message row.
Which css lines have I to put in userchrome.css?
Thank you.
P.S.: I currently use TB 102.
formatting the selected message row in userchrome.css
-
- Posts: 49
- Joined: February 9th, 2008, 1:21 pm
-
- Posts: 6421
- Joined: February 3rd, 2009, 6:29 pm
Re: formatting the selected message row in userchrome.css
Try something like:
Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3068029
Code: Select all
#threadTree treechildren::-moz-tree-row(selected) {
background-color: orange !important;
}
#threadTree treechildren::-moz-tree-cell-text(selected) {
color: red !important;
}
-
- Posts: 49
- Joined: February 9th, 2008, 1:21 pm
Re: formatting the selected message row in userchrome.css
morat wrote:Try something like:
Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3068029Code: Select all
#threadTree treechildren::-moz-tree-row(selected) { background-color: orange !important; } #threadTree treechildren::-moz-tree-cell-text(selected) { color: red !important; }
It worked. Thank you.
Maybe I have already asked but I don't remember.
Is there any cheatsheet or some other resource that lists the name/ID of all TB GUI elements?
-
- Posts: 6421
- Joined: February 3rd, 2009, 6:29 pm
Re: formatting the selected message row in userchrome.css
I use the Developer Toolbox utility to get DOM info.
Here are some links you may find useful.
userChrome.css and userContent.css disabled by default
http://www.ghacks.net/2019/05/24/firefo ... y-default/
Firefox userChrome Reference by jscher2000
http://www.userchrome.org/
CSS Reference
http://developer.mozilla.org/docs/Web/CSS/Reference
http://developer.mozilla.org/docs/Web/C ... #Selectors
http://developer.mozilla.org/docs/Web/C ... ors#Syntax
http://developer.mozilla.org/docs/Web/C ... Extensions
Styling a Tree
http://www.devdoc.net/web/developer.moz ... _Tree.html
http://docs.huihoo.com/mozilla/xul/xultu/treestyle.html
http://developer.mozilla.org/en-US/docs ... ing_a_Tree (enter url on archive.org)
http://archive.org/
CustomCSSforTb
http://github.com/Aris-t2/CustomCSSforTb
Folder pane styling
http://forums.mozillazine.org/viewtopic ... &t=3064381
How to get DOM info
http://forums.mozillazine.org/viewtopic ... #p14866214
Troubleshoot userChrome.css
http://forums.mozillazine.org/viewtopic ... #p14887480
Show cell properties and row properties, test styles
http://forums.mozillazine.org/viewtopic ... #p14931753
Here are some links you may find useful.
userChrome.css and userContent.css disabled by default
http://www.ghacks.net/2019/05/24/firefo ... y-default/
Firefox userChrome Reference by jscher2000
http://www.userchrome.org/
CSS Reference
http://developer.mozilla.org/docs/Web/CSS/Reference
http://developer.mozilla.org/docs/Web/C ... #Selectors
http://developer.mozilla.org/docs/Web/C ... ors#Syntax
http://developer.mozilla.org/docs/Web/C ... Extensions
Styling a Tree
http://www.devdoc.net/web/developer.moz ... _Tree.html
http://docs.huihoo.com/mozilla/xul/xultu/treestyle.html
http://developer.mozilla.org/en-US/docs ... ing_a_Tree (enter url on archive.org)
http://archive.org/
CustomCSSforTb
http://github.com/Aris-t2/CustomCSSforTb
Folder pane styling
http://forums.mozillazine.org/viewtopic ... &t=3064381
How to get DOM info
http://forums.mozillazine.org/viewtopic ... #p14866214
Troubleshoot userChrome.css
http://forums.mozillazine.org/viewtopic ... #p14887480
Show cell properties and row properties, test styles
http://forums.mozillazine.org/viewtopic ... #p14931753