MozillaZine

full dark theme?

Discussion of general topics about Mozilla Thunderbird
n9mfk9
 
Posts: 37
Joined: February 12th, 2006, 1:01 pm

Post Posted October 5th, 2019, 7:27 am

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

JYLD
 
Posts: 230
Joined: July 18th, 2019, 9:59 am

Post Posted October 5th, 2019, 12:35 pm

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 viewtopic.php?f=28&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
 
Posts: 37
Joined: February 12th, 2006, 1:01 pm

Post Posted October 6th, 2019, 5:21 am

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

JYLD
 
Posts: 230
Joined: July 18th, 2019, 9:59 am

Post Posted October 6th, 2019, 9:01 am

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
Moderator

User avatar
 
Posts: 46932
Joined: July 30th, 2003, 5:06 pm

Post Posted October 6th, 2019, 12:44 pm

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
 
Posts: 230
Joined: July 18th, 2019, 9:59 am

Post Posted October 6th, 2019, 5:19 pm

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

Return to Thunderbird General


Who is online

Users browsing this forum: No registered users and 1 guest