full dark theme?

[n9mfk9]

I am running tb 68.1.1 in dark theme how can i do a full dark theme on message pain?

[JYLD]

This is what I use to adjust the folder tree and message thread tree to my liking. You could play with this and adjust the color choices and options in the css to your liking. You could also download and use CustomCSSforTB by Aris-t2 at https://github.com/Aris-t2/CustomCSSforTb . See this thread for what it looks like http://forums.mozillazine.org/viewtopic ... &t=3055495 .

Code: Select all

/* _Mail Folder Tree And Email Thread Tree_ */

#threadTree treechildren::-moz-tree-row(odd) { 
    background-color: #E7F7FE !important; 
    border: 0px solid transparent !important;
    padding-top: 4px !important;
} 

#threadTree treechildren::-moz-tree-row(even) { 
    background-color: #F9FEFF !important; 
    border: 0px solid transparent !important;
    padding-top: 4px !important;
} 

#threadTree treechildren::-moz-tree-row(hover) { 
    background-color: #AEDDFC !important;
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
} 

#threadTree treechildren::-moz-tree-row(selected) { 
    background-color: #FFD0F8 !important; 
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
} 

#threadTree treechildren::-moz-tree-row(selected, focus) { 
    background-color: highlight !important; 
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
} 

#threadTree treechildren::-moz-tree-row { 
    height: 22px !important; 
    min-height: 22px !important; 
    padding-top: 4px !important;
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
} 

#threadTree { 
    margin-left: 4px !important;
    margin-right: 4px !important;
    border: 0px solid transparent !important;
    border-top: 3px solid #465966 !important;
}

#folderTree { 
    background-color: #465966 !important; 
/*    background-image: url("file:///C:/temp/Brick10.png") !important;  */

    background: linear-gradient(rgba(17, 90, 169, .6), rgba(14, 73, 136, .6)),
           url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/FolderTreeBackground4.png") !important;

    color: #FFFFFF !important; 
    font-weight: 500 !important;
    border: 0px solid transparent !important;
    margin-top: -1px !important;
    border: 0px solid #465966 !important;
} 

#folderTree > treechildren::-moz-tree-row(hover) { 
/*    background-color: #1F7CDB !important;   */
    background-color: #BC0030 !important;
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
} 

#folderTree > treechildren::-moz-tree-row(selected) { 
    background-color: #F0EFEE !important; 
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

#folderTree > treechildren::-moz-tree-row(selected, focus) { 
    background-color: Highlight !important; 
    border: 0px solid transparent !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

#folderTree > treechildren::-moz-tree-row {
    height: 22px !important; 
    min-height: 22px !important; 
    border: 0px solid transparent !important;
} 

treechildren::-moz-tree-twisty {
    padding-inline-end: 5px !important;
    padding-inline-start: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 4px !important;
    margin-right: 8px !important;
    margin-left: 4px !important;
    border-top: 1px solid #FFFFFF !important;
    border-left: 1px solid #FFFFFF !important;
    border-right: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
    border-radius: 0px 0px 0px 0px !important;
    background-color: #DAF5FE !important;
}

treechildren::-moz-tree-image(folderNameCol) {
    background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/SunIcon5.png) !important;
    background-size: 30% 30% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    opacity: 0 !important;
    border: 0px solid #465966 !important;
}

#threadpane-splitter {
    background-color: #465966 !important; 
    color: #465966 !important; 
    border: 1px solid #465966 !important;
}

#folderpane_splitter {
    background-color: #465966 !important; 
    color: #465966 !important; 
    border: 1px solid #465966 !important;
}

#attachment-splitter {
    background-color: #465966 !important; 
    color: #465966 !important; 
    border: 2px solid #465966 !important;
}

[n9mfk9]

hi JYLD,
what file does the above code go in?
thanks Beau

[JYLD]

I use that code on TB 60.9 with the CustomizeMyBird addon (not to be confused with the CustomCSSforTB css files that work with TB 68+). For TB 68.* you would need to try it in a userChrome.css file in your chrome folder under your profile folder. If you don't know how to find your profile folder or anything about userChrome.css do a google search or forum search for userChrome.css to learn about these things first. If you wish to try and modify the css or the colors, etc. you will need to study that a little bit as well.

[tanstaafl]

Help -> troubleshooting information -> open folder will open windows explorer at your profile. There should be a chrome child folder with a userChrome.css and a userContent.css file if you're using version 68.*. With earlier versions you might need to create the directory and the userChrome.css file. Make certain you use a real text editor, not a word processor, to edit the userChrome.css file.

http://kb.mozillazine.org/index.php?tit ... ntable=yes

[JYLD]

Also, make sure this preference is set in config editor for TB:

Unlock custom CSS usage in Thunderbird 69 and newer

Settings/Options > Advanced > General > Config Editor...

toolkit.legacyUserProfileCustomizations.stylesheets = true