├── .gitignore ├── LICENSE ├── README.md ├── fonts ├── encodesansnarrow-light.svg ├── encodesansnarrow-light.ttf ├── encodesansnarrow-light.woff └── encodesansnarrow-light.woff2 ├── icons ├── darkIcons.css ├── folder-pane │ ├── .directory │ ├── archive.svg │ ├── drafts.svg │ ├── email-account-dark.svg │ ├── email-account-light.svg │ ├── flame-junk.svg │ ├── folder-search.svg │ ├── folder.svg │ ├── inbox-dark.svg │ ├── inbox-light.svg │ ├── local-account-dark.svg │ ├── local-account-light.svg │ ├── news-dark.svg │ ├── news-light.svg │ ├── outbox-dark.svg │ ├── outbox-light.svg │ ├── rss.svg │ ├── sent.svg │ ├── template-dark.svg │ ├── template-light.svg │ ├── trash.svg │ ├── twisty-dark.svg │ ├── twisty-expanded-dark.svg │ ├── twisty-expanded-light.svg │ └── twisty-light.svg ├── lightDarkIcons.css ├── lightIcons.css └── message-list │ ├── dot-read.svg │ ├── dot-unread.svg │ ├── flame-empty-light.svg │ ├── flame-empty.svg │ ├── flame-junk-header-dark.svg │ ├── flame-junk-header-light.svg │ ├── flame-junk.svg │ ├── forwarded-dark.svg │ ├── forwarded-light.svg │ ├── new.svg │ ├── paperclip-header-dark.svg │ ├── paperclip-header-light.svg │ ├── paperclip.svg │ ├── read-header-dark.svg │ ├── read-header-light.svg │ ├── replied-dark.svg │ ├── replied-forwarded-dark.svg │ ├── replied-forwarded-light.svg │ ├── replied-light.svg │ ├── star-empty.svg │ ├── star-filled.svg │ ├── star-header-dark.svg │ ├── star-header-light.svg │ ├── thread-dark.svg │ └── thread-light.svg ├── screenshots ├── dark.png ├── fulldark.png ├── light.png └── monterail.png ├── themes ├── _base.css ├── dark.css ├── fulldark.css ├── light.css ├── monterail.css └── system.css ├── tweaks ├── dark-folder-pane.css ├── square-tabs.css └── tag.css └── userChrome.css /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # thunderbird-monterail 2 | 3 | This is a set of userChrome.css files to change the look of Thunderbird, inspired by the mockup by Monterail here: 4 | https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 5 | 6 | - 5 theme variants are included 7 | - System: Uses system theme colors 8 | - Light: Light color scheme with orange\* highlights 9 | - Dark: Dark color scheme with orange\* highlights 10 | - Full Dark: Dark color scheme with dark message list and blue\* highlights 11 | - Monterail: Colored theme inspired by the Monterail mockups 12 | *\*These values are easily customised in userChrome.css* 13 | - EncodeSans Narrow is included and used as the default font\* throughout thunderbird. 14 | - Also inluded is a set of svg icons which replace the default Thunderbird icons, mostly taken from the incredible Font-Awesome (http://fontawesome.io) 15 | 16 | ## How to use these themes 17 | To use these themes, download the source code as a zip and extract its contents to your 18 | thunderbird user config directory. 19 | 20 | In **Windows OS** the chrome folder must be extracted in `C:\Users\[user]\AppData\Roaming\Thunderbird\Profiles\[random letters and numbers].default/` 21 | 22 | In **Linux** it must be extracted in `/home/[user]/.thunderbird/[random letters and numbers].default/` 23 | 24 | In **macOS (OSX)**, it must be extracted in `/home/[user]/Library/Thunderbird/Profiles/[random letters and numbers].default/`. 25 | 26 | If your profile is located in a different directory, you can find it by going in Thunderbird's preferences (Tools->Options->Advanced). After that, click the 'Config Editor' button, accept the warning and then search for *directory*. Your directory should be the value of the parameter *mail.server.server1.directory*. This is the path where you should extract the chrome folder. 27 | 28 | Rename the extracted *thunderbird-monterail* folder to *chrome*, edit userChrome.css to choose your theme variant, and restart thunderbird. 29 | 30 | If using the *system* variant, please make sure you uncomment the appropriate icon theme line (in userChrome.css) for your system colors (an description of each icon theme is written next to each line) 31 | 32 | You can customise various values, including almost all colors, the fonts and some of the sizing by editing the variables in userChrome.css 33 | 34 | ## Screenshots 35 | Light: 36 | ![alt text](https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/master/screenshots/light.png) 37 | 38 | Dark: 39 | ![alt text](https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/master/screenshots/dark.png) 40 | 41 | Full Dark: 42 | ![alt text](https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/master/screenshots/fulldark.png) 43 | 44 | Monterail: 45 | ![alt text](https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/master/screenshots/monterail.png) 46 | -------------------------------------------------------------------------------- /fonts/encodesansnarrow-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/fonts/encodesansnarrow-light.ttf -------------------------------------------------------------------------------- /fonts/encodesansnarrow-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/fonts/encodesansnarrow-light.woff -------------------------------------------------------------------------------- /fonts/encodesansnarrow-light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/fonts/encodesansnarrow-light.woff2 -------------------------------------------------------------------------------- /icons/darkIcons.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* ..... twisty ..... */ 18 | treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-dark.svg") !important; padding: 0 5px !important; } 19 | treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-dark.svg") !important; padding: 0 5px !important; } 20 | 21 | /******* Message view icons ********/ 22 | #folderTree treechildren::-moz-tree-image, #threadTree treechildren::-moz-tree-image { 23 | width: 14px !important; 24 | -moz-image-region: rect(0px 12px 12px 0px) !important; 25 | } 26 | 27 | #threadCols { 28 | padding-left: 5px !important; 29 | padding-right: 5px !important; 30 | } 31 | 32 | #threadTree treechildren { 33 | margin-left: 5px !important; 34 | margin-right: 5px !important; 35 | } 36 | 37 | /* ..... thread column ..... */ 38 | treechildren::-moz-tree-image(threadCol) { list-style-image: url("message-list/thread-dark.svg") !important; } 39 | 40 | /* ..... read column ..... */ 41 | .readColumnHeader { list-style-image: url("message-list/read-header-dark.svg") !important; } 42 | treechildren::-moz-tree-image(unreadButtonColHeader) { list-style-image: url("message-list/dot-read.svg") !important; } 43 | treechildren::-moz-tree-image(unreadButtonColHeader, unread) { list-style-image: url("message-list/dot-unread.svg") !important; } 44 | /* Unread and read are reversed for dark themes */ 45 | 46 | /* ..... attachment column ..... */ 47 | .attachmentColumnHeader { list-style-image: url("message-list/paperclip-header-dark.svg") !important; } 48 | treechildren::-moz-tree-image(attachmentCol, attach) { list-style-image: url("message-list/paperclip.svg") !important; } 49 | 50 | /* ..... flag/star column ..... */ 51 | .flagColumnHeader { list-style-image: url("message-list/star-header-dark.svg") !important; } 52 | treechildren::-moz-tree-image(flaggedCol) { list-style-image: url("message-list/star-empty.svg") !important; } 53 | treechildren::-moz-tree-image(flaggedCol, flagged) { list-style-image: url("message-list/star-filled.svg") !important; } 54 | 55 | /* ..... junkStatus column ..... */ 56 | .junkStatusHeader { list-style-image: url("message-list/flame-junk-header-dark.svg") !important; } 57 | treechildren::-moz-tree-image(junkStatusCol) { list-style-image: url("message-list/flame-empty.svg") !important; } 58 | treechildren::-moz-tree-image(junkStatusCol, junk) { list-style-image: url("message-list/flame-junk.svg") !important; } 59 | treechildren::-moz-tree-image(junkStatusCol, notjunk) { list-style-image: url("message-list/flame-empty.svg") !important; } 60 | 61 | /******** Message view reply etc *********/ 62 | treechildren::-moz-tree-image(subjectCol) { 63 | -moz-margin-end: 2px; 64 | list-style-image: url("message-list/thread-dark.png") !important; 65 | } 66 | 67 | treechildren::-moz-tree-image(subjectCol, forwarded) { list-style-image: url("message-list/forwarded-dark.svg") !important; } 68 | 69 | treechildren::-moz-tree-image(subjectCol, replied) { list-style-image: url("message-list/replied-dark.svg") !important; } 70 | 71 | treechildren::-moz-tree-image(subjectCol, replied, forwarded) { list-style-image: url("message-list/replied-forwarded-dark.svg") !important; } 72 | 73 | treechildren::-moz-tree-image(subjectCol, new) { list-style-image: url("message-list/new.svg") !important; } 74 | 75 | 76 | 77 | /* ::::: Folder icons for menus ::::: */ 78 | 79 | /* Folders */ 80 | treechildren::-moz-tree-image(folderNameCol) { list-style-image: url("folder-pane/folder.svg") !important; } 81 | 82 | /* Newsgroup */ 83 | treechildren::-moz-tree-image(folderNameCol, serverType-nntp) { list-style-image: url("folder-pane/news-dark.svg") !important; } 84 | 85 | /* Feed */ 86 | treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true) { list-style-image: url("folder-pane/rss.svg") !important; } 87 | 88 | #folderTree treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) { list-style-image: url("folder-pane/inbox-dark.svg") !important; } 89 | 90 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) { list-style-image: url("folder-pane/sent.svg") !important; } 91 | 92 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder-pane/outbox-dark.svg") !important; } 93 | 94 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) { list-style-image: url("folder-pane/drafts.svg") !important; } 95 | 96 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) { list-style-image: url("folder-pane/template-dark.svg") !important; } 97 | 98 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) { list-style-image: url("folder-pane/flame-junk.svg") !important; } 99 | 100 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) { list-style-image: url("folder-pane/trash.svg") !important; } 101 | 102 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) { list-style-image: url("folder-pane/archive.svg") !important; } 103 | 104 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) { list-style-image: url("folder-pane/folder-search.svg") !important; }s 105 | 106 | /** IMAP/POP/movemail account nodes */ 107 | treechildren::-moz-tree-image(folderNameCol, isServer-true) { list-style-image: url("folder-pane/email-account-dark.svg") !important; } 108 | 109 | /* Local folders account node */ 110 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) { list-style-image: url("folder-pane/local-account-dark.svg") !important; } 111 | 112 | /* News server */ 113 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) { list-style-image: url("folder-pane/news-dark.svg") !important; } 114 | 115 | /* Feed account node */ 116 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) { list-style-image: url("folder-pane/news-dark.svg") !important; } 117 | -------------------------------------------------------------------------------- /icons/folder-pane/.directory: -------------------------------------------------------------------------------- 1 | [Dolphin] 2 | PreviewsShown=true 3 | Timestamp=2017,4,28,0,25,8 4 | Version=3 5 | -------------------------------------------------------------------------------- /icons/folder-pane/archive.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/drafts.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/email-account-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/email-account-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/flame-junk.svg: -------------------------------------------------------------------------------- 1 | 2 | 16 | 40 | 42 | 43 | 45 | image/svg+xml 46 | 48 | 49 | 50 | 51 | 52 | 54 | 60 | 61 | -------------------------------------------------------------------------------- /icons/folder-pane/folder-search.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 31 | 34 | 38 | 42 | 43 | -------------------------------------------------------------------------------- /icons/folder-pane/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/inbox-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/inbox-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/local-account-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/local-account-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/news-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/news-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/outbox-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 38 | 39 | -------------------------------------------------------------------------------- /icons/folder-pane/outbox-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 38 | 39 | -------------------------------------------------------------------------------- /icons/folder-pane/rss.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/sent.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/template-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/template-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/trash.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/twisty-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/twisty-expanded-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/twisty-expanded-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/folder-pane/twisty-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/lightDarkIcons.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* ..... twisty ..... */ 18 | treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-dark.svg") !important; padding: 0 5px !important;} 19 | treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-dark.svg") !important; padding: 0 5px !important;} 20 | #folderTree treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-light.svg") !important; } 21 | #folderTree treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-light.svg") !important; } 22 | 23 | /******* Message view icons ********/ 24 | #folderTree treechildren::-moz-tree-image, #threadTree treechildren::-moz-tree-image { 25 | width: 14px !important; 26 | -moz-image-region: rect(0px 12px 12px 0px) !important; 27 | } 28 | 29 | #threadCols { 30 | padding-left: 5px !important; 31 | padding-right: 5px !important; 32 | } 33 | 34 | #threadTree treechildren { 35 | margin-left: 5px !important; 36 | margin-right: 5px !important; 37 | } 38 | 39 | /* ..... thread column ..... */ 40 | treechildren::-moz-tree-image(threadCol) { list-style-image: url("message-list/thread-dark.svg") !important; } 41 | 42 | /* ..... read column ..... */ 43 | .readColumnHeader { list-style-image: url("message-list/read-header-dark.svg") !important; } 44 | treechildren::-moz-tree-image(unreadButtonColHeader) { list-style-image: url("message-list/dot-read.svg") !important; } 45 | treechildren::-moz-tree-image(unreadButtonColHeader, unread) { list-style-image: url("message-list/dot-unread.svg") !important; } 46 | 47 | 48 | /* ..... attachment column ..... */ 49 | .attachmentColumnHeader { list-style-image: url("message-list/paperclip-header-dark.svg") !important; } 50 | treechildren::-moz-tree-image(attachmentCol, attach) { list-style-image: url("message-list/paperclip.svg") !important; } 51 | 52 | /* ..... flag/star column ..... */ 53 | .flagColumnHeader { list-style-image: url("message-list/star-header-dark.svg") !important; } 54 | treechildren::-moz-tree-image(flaggedCol) { list-style-image: url("message-list/star-empty.svg") !important; } 55 | treechildren::-moz-tree-image(flaggedCol, flagged) { list-style-image: url("message-list/star-filled.svg") !important; } 56 | 57 | /* ..... junkStatus column ..... */ 58 | .junkStatusHeader { list-style-image: url("message-list/flame-junk-header-dark.svg") !important; } 59 | treechildren::-moz-tree-image(junkStatusCol) { list-style-image: url("message-list/flame-empty.svg") !important; } 60 | treechildren::-moz-tree-image(junkStatusCol, junk) { list-style-image: url("message-list/flame-junk.svg") !important; } 61 | treechildren::-moz-tree-image(junkStatusCol, notjunk) { list-style-image: url("message-list/flame-empty.svg") !important; } 62 | 63 | /******** Message view reply etc *********/ 64 | treechildren::-moz-tree-image(subjectCol) { 65 | -moz-margin-end: 2px; 66 | list-style-image: url("message-list/thread-dark.png") !important; 67 | } 68 | 69 | treechildren::-moz-tree-image(subjectCol, forwarded) { list-style-image: url("message-list/forwarded-dark.svg") !important; } 70 | 71 | treechildren::-moz-tree-image(subjectCol, replied) { list-style-image: url("message-list/replied-dark.svg") !important; } 72 | 73 | treechildren::-moz-tree-image(subjectCol, replied, forwarded) { list-style-image: url("message-list/replied-forwarded-dark.svg") !important; } 74 | 75 | treechildren::-moz-tree-image(subjectCol, new) { list-style-image: url("message-list/new.svg") !important; } 76 | 77 | 78 | 79 | /* ::::: Folder icons for menus ::::: */ 80 | 81 | /* Folders */ 82 | treechildren::-moz-tree-image(folderNameCol) { list-style-image: url("folder-pane/folder.svg") !important; } 83 | 84 | /* Newsgroup */ 85 | treechildren::-moz-tree-image(folderNameCol, serverType-nntp) { list-style-image: url("folder-pane/news-light.svg") !important; } 86 | 87 | /* Feed */ 88 | treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true) { list-style-image: url("folder-pane/rss.svg") !important; } 89 | 90 | #folderTree treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) { list-style-image: url("folder-pane/inbox-light.svg") !important; } 91 | 92 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) { list-style-image: url("folder-pane/sent.svg") !important; } 93 | 94 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder-pane/outbox-light.svg") !important; } 95 | 96 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) { list-style-image: url("folder-pane/drafts.svg") !important; } 97 | 98 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) { list-style-image: url("folder-pane/template-light.svg") !important; } 99 | 100 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) { list-style-image: url("folder-pane/flame-junk.svg") !important; } 101 | 102 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) { list-style-image: url("folder-pane/trash.svg") !important; } 103 | 104 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) { list-style-image: url("folder-pane/archive.svg") !important; } 105 | 106 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) { list-style-image: url("folder-pane/folder-search.svg") !important; } 107 | 108 | /** IMAP/POP/movemail account nodes */ 109 | treechildren::-moz-tree-image(folderNameCol, isServer-true) { list-style-image: url("folder-pane/email-account-light.svg") !important; } 110 | 111 | /* Local folders account node */ 112 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) { list-style-image: url("folder-pane/local-account-light.svg") !important; } 113 | 114 | /* News server */ 115 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) { list-style-image: url("folder-pane/news-light.svg") !important; } 116 | 117 | /* Feed account node */ 118 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) { list-style-image: url("folder-pane/news-light.svg") !important; } 119 | -------------------------------------------------------------------------------- /icons/lightIcons.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* ..... twisty ..... */ 18 | treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-light.svg") !important; padding: 0 5px !important;} 19 | treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-light.svg") !important; padding: 0 5px !important;} 20 | 21 | /******* Message view icons ********/ 22 | #folderTree treechildren::-moz-tree-image, #threadTree treechildren::-moz-tree-image { 23 | width: 14px !important; 24 | -moz-image-region: rect(0px 12px 12px 0px) !important; 25 | } 26 | 27 | #threadCols { 28 | padding-left: 5px !important; 29 | padding-right: 5px !important; 30 | } 31 | 32 | #threadTree treechildren { 33 | margin-left: 5px !important; 34 | margin-right: 5px !important; 35 | } 36 | 37 | /* ..... thread column ..... */ 38 | treechildren::-moz-tree-image(threadCol) { list-style-image: url("message-list/thread-light.svg") !important; } 39 | 40 | /* ..... read column ..... */ 41 | .readColumnHeader { list-style-image: url("message-list/read-header-light.svg") !important; } 42 | treechildren::-moz-tree-image(unreadButtonColHeader) { list-style-image: url("message-list/dot-unread.svg") !important; } 43 | treechildren::-moz-tree-image(unreadButtonColHeader, unread) { list-style-image: url("message-list/dot-read.svg") !important; } 44 | /* Unread and read are reversed for dark themes */ 45 | 46 | /* ..... attachment column ..... */ 47 | .attachmentColumnHeader { list-style-image: url("message-list/paperclip-header-light.svg") !important; } 48 | treechildren::-moz-tree-image(attachmentCol, attach) { list-style-image: url("message-list/paperclip.svg") !important; } 49 | 50 | /* ..... flag/star column ..... */ 51 | .flagColumnHeader { list-style-image: url("message-list/star-header-light.svg") !important; } 52 | treechildren::-moz-tree-image(flaggedCol) { list-style-image: url("message-list/star-empty.svg") !important; } 53 | treechildren::-moz-tree-image(flaggedCol, flagged) { list-style-image: url("message-list/star-filled.svg") !important; } 54 | 55 | /* ..... junkStatus column ..... */ 56 | .junkStatusHeader { list-style-image: url("message-list/flame-junk-header-light.svg") !important; } 57 | treechildren::-moz-tree-image(junkStatusCol) { list-style-image: url("message-list/flame-empty.svg") !important; } 58 | treechildren::-moz-tree-image(junkStatusCol, junk) { list-style-image: url("message-list/flame-junk.svg") !important; } 59 | treechildren::-moz-tree-image(junkStatusCol, notjunk) { list-style-image: url("message-list/flame-empty.svg") !important; } 60 | 61 | /******** Message view reply etc *********/ 62 | treechildren::-moz-tree-image(threadCol) { 63 | -moz-margin-end: 2px; 64 | list-style-image: url("message-list/thread-light.png") !important; 65 | } 66 | 67 | treechildren::-moz-tree-image(subjectCol, forwarded) { list-style-image: url("message-list/forwarded-light.svg") !important; } 68 | 69 | treechildren::-moz-tree-image(subjectCol, replied) { list-style-image: url("message-list/replied-light.svg") !important; } 70 | 71 | treechildren::-moz-tree-image(subjectCol, replied, forwarded) { list-style-image: url("message-list/replied-forwarded-light.svg") !important; } 72 | 73 | treechildren::-moz-tree-image(subjectCol, new) { list-style-image: url("message-list/new.svg") !important; } 74 | 75 | 76 | 77 | /* ::::: Folder icons for menus ::::: */ 78 | 79 | /* Folders */ 80 | treechildren::-moz-tree-image(folderNameCol) { list-style-image: url("folder-pane/folder.svg") !important; } 81 | 82 | /* Newsgroup */ 83 | treechildren::-moz-tree-image(folderNameCol, serverType-nntp) { list-style-image: url("folder-pane/news-light.svg") !important; } 84 | 85 | /* Feed */ 86 | treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true) { list-style-image: url("folder-pane/rss.svg") !important; } 87 | 88 | #folderTree treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) { list-style-image: url("folder-pane/inbox-light.svg") !important; } 89 | 90 | 91 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) { list-style-image: url("folder-pane/sent.svg") !important; } 92 | 93 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder-pane/outbox-light.svg") !important; } 94 | 95 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) { list-style-image: url("folder-pane/drafts.svg") !important; } 96 | 97 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) { list-style-image: url("folder-pane/template-light.svg") !important; } 98 | 99 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) { list-style-image: url("folder-pane/flame-junk.svg") !important; } 100 | 101 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) { list-style-image: url("folder-pane/trash.svg") !important; } 102 | 103 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) { list-style-image: url("folder-pane/archive.svg") !important; } 104 | 105 | treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) { list-style-image: url("folder-pane/folder-search.svg") !important; } 106 | 107 | /** IMAP/POP/movemail account nodes */ 108 | treechildren::-moz-tree-image(folderNameCol, isServer-true) { list-style-image: url("folder-pane/email-account-light.svg") !important; } 109 | 110 | /* Local folders account node */ 111 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) { list-style-image: url("folder-pane/local-account-light.svg") !important; } 112 | 113 | /* News server */ 114 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) { list-style-image: url("folder-pane/news-light.svg") !important; } 115 | 116 | /* Feed account node */ 117 | treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) { list-style-image: url("folder-pane/news-light.svg") !important; } 118 | -------------------------------------------------------------------------------- /icons/message-list/dot-read.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 37 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 55 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /icons/message-list/dot-unread.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 21 | 44 | 46 | 47 | 49 | image/svg+xml 50 | 52 | 53 | 54 | 55 | 56 | 61 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /icons/message-list/flame-empty-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 12 | 14 | 15 | 17 | image/svg+xml 18 | 20 | 21 | 22 | 23 | 24 | 26 | 30 | 31 | -------------------------------------------------------------------------------- /icons/message-list/flame-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 16 | 40 | 42 | 43 | 45 | image/svg+xml 46 | 48 | 49 | 50 | 51 | 52 | 54 | 59 | 60 | -------------------------------------------------------------------------------- /icons/message-list/flame-junk-header-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 12 | 14 | 15 | 17 | image/svg+xml 18 | 20 | 21 | 22 | 23 | 24 | 26 | 30 | 31 | -------------------------------------------------------------------------------- /icons/message-list/flame-junk-header-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 12 | 14 | 15 | 17 | image/svg+xml 18 | 20 | 21 | 22 | 23 | 24 | 26 | 30 | 31 | -------------------------------------------------------------------------------- /icons/message-list/flame-junk.svg: -------------------------------------------------------------------------------- 1 | 2 | 16 | 40 | 42 | 43 | 45 | image/svg+xml 46 | 48 | 49 | 50 | 51 | 52 | 54 | 60 | 61 | -------------------------------------------------------------------------------- /icons/message-list/forwarded-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/forwarded-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/new.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 38 | 40 | 42 | 43 | 45 | image/svg+xml 46 | 48 | 49 | 50 | 51 | 52 | 55 | 70 | 71 | -------------------------------------------------------------------------------- /icons/message-list/paperclip-header-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 17 | 19 | image/svg+xml 20 | 22 | 23 | 24 | 25 | 26 | 28 | 32 | 33 | -------------------------------------------------------------------------------- /icons/message-list/paperclip-header-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 17 | 19 | image/svg+xml 20 | 22 | 23 | 24 | 25 | 26 | 28 | 32 | 33 | -------------------------------------------------------------------------------- /icons/message-list/paperclip.svg: -------------------------------------------------------------------------------- 1 | 2 | 18 | 20 | 21 | 23 | image/svg+xml 24 | 26 | 27 | 28 | 29 | 30 | 32 | 52 | 56 | 57 | -------------------------------------------------------------------------------- /icons/message-list/read-header-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/read-header-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/replied-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/replied-forwarded-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 38 | 39 | -------------------------------------------------------------------------------- /icons/message-list/replied-forwarded-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 38 | 39 | -------------------------------------------------------------------------------- /icons/message-list/replied-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/star-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/star-filled.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 37 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 54 | 58 | 59 | -------------------------------------------------------------------------------- /icons/message-list/star-header-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/star-header-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/thread-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /icons/message-list/thread-light.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /screenshots/dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/screenshots/dark.png -------------------------------------------------------------------------------- /screenshots/fulldark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/screenshots/fulldark.png -------------------------------------------------------------------------------- /screenshots/light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/screenshots/light.png -------------------------------------------------------------------------------- /screenshots/monterail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spymastermatt/thunderbird-monterail/237fd20495969767b51d8416d975e2ef2504d413/screenshots/monterail.png -------------------------------------------------------------------------------- /themes/_base.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 18 | 19 | @font-face { 20 | font-family: 'LightSans'; 21 | src: url('../fonts/encodesansnarrow-light.woff2') format('woff2'), 22 | url('../fonts/encodesansnarrow-light.woff') format('woff'), 23 | url('../fonts/encodesansnarrow-light.ttf') format('truetype'), 24 | url('../fonts/encodesansnarrow-light.svg#encode_sans_narrowlight') format('svg'); 25 | font-weight: normal; 26 | font-style: normal; 27 | } 28 | 29 | :root { 30 | --system-font: initial; 31 | --light-sans-font: LightSans; 32 | --default-font: var(--light-sans-font); 33 | --folder-tree-appearance: none; 34 | } 35 | 36 | * { 37 | font-family: var(--default-font); 38 | } 39 | 40 | #mail-toolbar-menubar2, 41 | #mail-bar3 42 | #MsgHeadersToolbar, 43 | #addrbook-toolbar-menubar2, 44 | #ab-bar2, 45 | #FormatToolbar { 46 | -moz-appearance: none !important; 47 | border: none !important; 48 | } 49 | 50 | @media(-moz-windows-default-theme: 0) { 51 | .menubar-text { 52 | color: var(--menu-text-color) !important; 53 | } 54 | } 55 | 56 | toolbar > toolbarbutton { 57 | margin-right: 10px !important; 58 | margin-left: 10px !important; 59 | } 60 | 61 | box, hbox, vbox, toolbox { 62 | box-shadow: none !important; 63 | } 64 | 65 | splitter { 66 | border-color: rgba(127,127,127,0.25) !important; 67 | } 68 | 69 | .mail-toolbox::after, 70 | .contentTabToolbox::after { 71 | content: ""; 72 | display: none !important; 73 | height: 0px !important; 74 | } 75 | 76 | menu[disabled="true"] label, menuitem[disabled="true"] label, .splitmenu-menuitem[disabled="true"] label, menucaption[disabled="true"] label, 77 | .chromeclass-toolbar menu[disabled="true"] label, .chromeclass-toolbar menuitem[disabled="true"] label, .chromeclass-toolbar .splitmenu-menuitem[disabled="true"] label, .chromeclass-toolbar menucaption[disabled="true"] label { 78 | color: grey !important; 79 | } 80 | 81 | /****** General Tree Views *****/ 82 | treechildren::-moz-tree-row(selected) { 83 | background: var(--tree-row-highlight-background-color) !important; 84 | } 85 | 86 | treechildren::-moz-tree-cell-text(selected) { 87 | color: var(--tree-row-highlight-text-color) !important; 88 | } 89 | 90 | /****** Folder Tree *****/ 91 | treechildren:-moz-tree-twisty { 92 | width: 12px !important; 93 | -moz-image-region: rect(0px 12px 12px 0px) !important; 94 | -moz-appearance: none !important; 95 | list-style-type: image !important; 96 | } 97 | 98 | #folderTree { 99 | -moz-appearance: none !important; 100 | color: var(--folder-tree-text-color) !important; 101 | background: var(--folder-tree-background-color) !important; 102 | } 103 | 104 | #folderPaneCols > hbox, #folderTree > treechildren::-moz-tree-row, .tree-scrollable-columns { 105 | -moz-appearance: none !important; 106 | color: inherit !important; 107 | background: none !important; 108 | } 109 | 110 | #folderTree > hbox { 111 | margin-top: 30px !important; 112 | } 113 | 114 | #folderTree > treechildren::-moz-tree-row { 115 | margin-top: 5px !important; 116 | } 117 | 118 | #folderTree > treechildren::-moz-tree-row { 119 | height: var(--folder-tree-row-height) !important; 120 | } 121 | 122 | #folderTree > treechildren::-moz-tree-row(selected) { 123 | border: none !important; 124 | background: var(--folder-tree-highlight-background-color) !important; 125 | } 126 | 127 | #folderTree > treechildren::-moz-tree-cell-text(selected) { 128 | color: var(--folder-tree-highlight-text-color) !important; 129 | } 130 | 131 | #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true), 132 | #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true) { 133 | color: inherit !important; 134 | font-style: italic !important; 135 | } 136 | 137 | /***** Thread tree *****/ 138 | #threadTree { 139 | background: var(--message-list-background-color) !important; 140 | } 141 | 142 | #threadTree > treechildren::-moz-tree-row { 143 | height: var(--message-list-row-height) !important; 144 | border: none !important; 145 | background: var(--message-list-background-color) !important; 146 | border-bottom: 1px solid rgba(127,127,127,0.2) !important; 147 | } 148 | 149 | #threadTree > treechildren::-moz-tree-cell-text { 150 | color: var(--message-list-text-color) !important; 151 | } 152 | 153 | #threadTree > treechildren::-moz-tree-row(selected) { 154 | border: none !important; 155 | background: var(--message-list-highlight-background-color) !important; 156 | } 157 | 158 | #threadTree > treechildren::-moz-tree-cell-text(selected) { 159 | color: var(--message-list-highlight-text-color) !important; 160 | } 161 | 162 | #threadCols, #threadCols treecol, #threadCols treecolpicker { 163 | -moz-appearance: none !important; 164 | background: var(--message-list-header-background-color) !important; 165 | } 166 | 167 | #threadCols treecol[sortDirection="ascending"] .treecol-sortdirection { 168 | -moz-appearance: button-arrow-up !important; 169 | } 170 | 171 | #threadCols treecol[sortDirection="descending"] .treecol-sortdirection { 172 | -moz-appearance: button-arrow-down !important; 173 | } 174 | 175 | #threadCols treecol, #threadCols treecolpicker { 176 | color: var(--message-list-header-text-color) !important; 177 | border: none !important; 178 | padding: 3px !important; 179 | padding-top: 0px !important; 180 | padding-bottom: 0px !important; 181 | margin-top: 3px !important; 182 | margin-bottom: 3px !important; 183 | border-left: 1px solid rgba(127,127,127,0.4) !important; 184 | min-width: 21px !important; 185 | } 186 | 187 | #threadPane { 188 | -moz-appearance: none !important; 189 | } 190 | 191 | scrollbar { 192 | margin-right: 5px !important; 193 | width: 10px !important; 194 | max-width:10px !important; 195 | -moz-appearance: none !important; 196 | background: none !important; 197 | border: none !important; 198 | } 199 | 200 | srollbarbutton { 201 | width: 10px !important; 202 | max-width:10px !important; 203 | } 204 | 205 | slider { 206 | width: 10px !important; 207 | max-width:10px !important; 208 | -moz-appearance: none !important; 209 | background: none !important; 210 | border: none !important; 211 | } 212 | 213 | thumb { 214 | width: 10px !important; 215 | max-width:10px !important; 216 | -moz-appearance: none !important; 217 | min-height: 100px !important; 218 | border: none !important; 219 | background: var(--scrollbar-thumb-color) !important; 220 | } 221 | 222 | thumb:hover { 223 | background: var(--scrollbar-thumb-hover-color) !important; 224 | } 225 | 226 | #msgHeaderView { 227 | color: var(--headers-text-color) !important; 228 | background-color: var(--headers-background-color) !important; 229 | border-bottom: 1px solid rgba(0,0,0,0.25) !important; 230 | } 231 | 232 | .msgHeaderView-button { 233 | min-width: 0px !important; 234 | border-color: transparent !important; 235 | background-color:transparent !important; 236 | margin: 0px !important; 237 | } 238 | 239 | .msgHeaderView-button:hover { 240 | border-color: rgba(0,0,0,0.25) !important; 241 | } 242 | 243 | .msgHeaderView-button > label { 244 | display:none; 245 | } 246 | 247 | #expandedHeader2Rows row { 248 | display: block !important; 249 | } 250 | 251 | #expandedHeaderRows row *, #expandedHeader2Rows row * { 252 | color: var(--headers-text-color) !important; 253 | } 254 | 255 | #expandedsubjectLabel, #expandedfromLabel { 256 | display: none !important; 257 | } 258 | 259 | #expandedHeader2Rows #expandedreply-toRow { 260 | display: none !important; 261 | } 262 | 263 | #expandedsubjectBox .headerValue { 264 | font-size: var(--subject-line-font-size) !important; 265 | } 266 | 267 | .emailStar { 268 | margin-inline-start: 2px !important; 269 | } 270 | 271 | menuseparator{ 272 | padding-top: 0 !important; 273 | padding-bottom: 0 !important; 274 | } 275 | -------------------------------------------------------------------------------- /themes/dark.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | @import "_base.css"; 25 | @import "../tweaks/square-tabs.css"; 26 | 27 | @import "../icons/lightDarkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 28 | 29 | @import "../tweaks/tag.css"; 30 | 31 | /**** Variables: Uncomment and Edit these for easy customisation ****/ 32 | 33 | :root { 34 | /*---- General Options ----*/ 35 | --dark-color: #3c3b37; 36 | --dark-text-color: white; 37 | --dark-white-background: white; 38 | --dark-light-background: #F2F1F0; 39 | --dark-light-text-color: #4C4C4C; 40 | 41 | /*** Set active tab background color: ***/ 42 | --fgTabBackgroundColor: var(--dark-light-background) !important; 43 | 44 | --menu-text-color: var(--dark-text-color); 45 | /*** These highlight colors are used if more specific ones aren't specified below ***/ 46 | --highlight-color: #F07746; 47 | --highlight-text-color: var(--dark-light-text-color); 48 | 49 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 50 | --tree-row-highlight-background-color: var(--highlight-color); 51 | --tree-row-highlight-text-color: var(--highlight-text-color); 52 | 53 | /*---- Folder Tree ----*/ 54 | --folder-tree-background-color: var(--dark-color) !important; 55 | --folder-tree-text-color: var(--dark-text-color); 56 | --folder-tree-row-height: 25px; 57 | --folder-tree-highlight-background-color: var(--highlight-color); 58 | --folder-tree-highlight-text-color: var(--folder-tree-text-color); 59 | 60 | /*---- Message List ----*/ 61 | --message-list-header-background-color: var(--dark-light-background); 62 | --message-list-header-text-color: var(--dark-light-text-color); 63 | --message-list-background-color: var(--dark-white-background); 64 | --message-list-text-color: var(--dark-light-text-color); 65 | --message-list-row-height: 40px; 66 | --message-list-highlight-background-color: var(--tree-row-highlight-background-color); 67 | --message-list-highlight-text-color: var(--tree-row-highlight-text-color); 68 | 69 | /*---- Scollbar ----*/ 70 | --scrollbar-thumb-color: rgba(127,127,127,0.5); 71 | --scrollbar-thumb-hover-color: var(--highlight-color); 72 | 73 | /*---- Message Headers (To/Subject/From etc) ----*/ 74 | --subject-line-font-size: 150%; 75 | --headers-background-color: var(--dark-light-background); 76 | --headers-text-color: var(--dark-light-text-color); 77 | 78 | } 79 | 80 | /******************************************************/ 81 | 82 | @media(-moz-windows-glass: 0) { 83 | #navigation-toolbox { 84 | -moz-appearance: none !important; 85 | background: var(--dark-color) !important; 86 | } 87 | } 88 | 89 | #composeToolbar2{ 90 | background: var(--dark-color) !important; 91 | } 92 | 93 | .tabmail-tab[selected="true"] .tab-content { 94 | background: var(--dark-light-background) !important; 95 | } 96 | 97 | .tabmail-tab[selected="true"] .tab-content * { 98 | color: var(--dark-light-text-color) !important; 99 | } 100 | 101 | .toolbarbutton-1, .toolbarbutton-menubutton-button, #composeToolbar2{ 102 | color: var(--dark-text-color) !important; 103 | } 104 | 105 | menu label, menuitem label, .splitmenu-menuitem label, menucaption label, 106 | .chromeclass-toolbar menu label, .chromeclass-toolbar menuitem label, .chromeclass-toolbar .splitmenu-menuitem label, .chromeclass-toolbar menucaption label { 107 | color: var(--dark-light-text-color) !important; 108 | } 109 | 110 | menupopup { 111 | -moz-appearance: none !important; 112 | background: var(--dark-light-background) !important; 113 | } 114 | 115 | menuseparator { 116 | -moz-appearance: none !important; 117 | background: var(--dark-text-color) !important; 118 | border-bottom-width: 1px !important; 119 | border-bottom-color: lightgrey !important; 120 | border-bottom-style: solid !important; 121 | } 122 | 123 | #appmenuSecondaryPane { 124 | border-left-color: lightgrey !important; 125 | } 126 | 127 | .mail-toolbox { 128 | -moz-appearance: none !important; 129 | background: var(--dark-light-background) !important; 130 | } 131 | 132 | .mail-toolbox .chromeclass-toolbar, .mail-toolbox .chromeclass-toolbar > *, .mail-toolbox .chromeclass-toolbar .toolbarbutton-text { 133 | color: var(--dark-light-text-color) !important; 134 | } 135 | 136 | #mail-toolbox { 137 | border: none !important; 138 | border-bottom: 1px solid rgba(127,127,127,0.2) !important; 139 | } 140 | 141 | #titlebar-min { 142 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#minimize-white) !important; 143 | } 144 | 145 | #titlebar-max { 146 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#maximize-white) !important; 147 | } 148 | 149 | #titlebar-close { 150 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#close-white) !important; 151 | } 152 | 153 | #messengerWindow[sizemode="maximized"] #titlebar-max { 154 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#restore-white) !important; 155 | } 156 | -------------------------------------------------------------------------------- /themes/fulldark.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | @import "_base.css"; 25 | @import "../tweaks/square-tabs.css"; 26 | 27 | @import "../icons/lightIcons.css"; /*For dark Folder Tree, with a light Message List*/ 28 | 29 | @import "../tweaks/tag.css"; 30 | 31 | /**** Variables: Uncomment and Edit these for easy customisation ****/ 32 | 33 | :root { 34 | /*---- General Options ----*/ 35 | --dark-color: #31363B; 36 | --dark-text-color: white; 37 | --dark-white-background: #232629; 38 | --dark-light-background: var(--dark-color); 39 | --dark-light-text-color: var(--dark-text-color); 40 | 41 | /*** Set active tab background color: ***/ 42 | --fgTabBackgroundColor: var(--dark-light-background) !important; 43 | 44 | --menu-text-color: var(--dark-text-color); 45 | /*** These highlight colors are used if more specific ones aren't specified below ***/ 46 | --highlight-color: #3DAEE9; 47 | --highlight-text-color: var(--dark-light-text-color); 48 | 49 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 50 | --tree-row-highlight-background-color: var(--highlight-color); 51 | --tree-row-highlight-text-color: var(--highlight-text-color); 52 | 53 | /*---- Folder Tree ----*/ 54 | --folder-tree-background-color: var(--dark-color) !important; 55 | --folder-tree-text-color: var(--dark-text-color); 56 | --folder-tree-row-height: 25px; 57 | --folder-tree-highlight-background-color: var(--highlight-color); 58 | --folder-tree-highlight-text-color: var(--folder-tree-text-color); 59 | 60 | /*---- Message List ----*/ 61 | --message-list-header-background-color: var(--dark-light-background); 62 | --message-list-header-text-color: var(--dark-light-text-color); 63 | --message-list-background-color: var(--dark-white-background); 64 | --message-list-text-color: var(--dark-light-text-color); 65 | --message-list-row-height: 40px; 66 | --message-list-highlight-background-color: var(--tree-row-highlight-background-color); 67 | --message-list-highlight-text-color: var(--tree-row-highlight-text-color); 68 | 69 | /*---- Scollbar ----*/ 70 | --scrollbar-thumb-color: rgba(127,127,127,0.5); 71 | --scrollbar-thumb-hover-color: var(--highlight-color); 72 | 73 | /*---- Message Headers (To/Subject/From etc) ----*/ 74 | --subject-line-font-size: 150%; 75 | --headers-background-color: var(--dark-light-background); 76 | --headers-text-color: var(--dark-light-text-color); 77 | 78 | } 79 | 80 | /******************************************************/ 81 | 82 | @media(-moz-windows-glass: 0) { 83 | #navigation-toolbox { 84 | -moz-appearance: none !important; 85 | background: var(--dark-color) !important; 86 | } 87 | } 88 | 89 | #compose-toolbox, #compose-toolbox > *, #ab-toolbox, .chromeclass-menubar{ 90 | -moz-appearance: none !important; 91 | background: var(--dark-color) !important; 92 | } 93 | 94 | .tabmail-tab[selected="true"] .tab-content { 95 | background-color: var(--dark-light-background) !important; 96 | } 97 | 98 | .tabmail-tab[selected="true"] .tab-content * { 99 | color: var(--dark-light-text-color) !important; 100 | } 101 | 102 | .toolbarbutton-1, .toolbarbutton-menubutton-button, #composeToolbar2{ 103 | color: var(--dark-text-color) !important; 104 | } 105 | 106 | menu label, menuitem label, .splitmenu-menuitem label, menucaption label, 107 | .chromeclass-toolbar menu label, .chromeclass-toolbar menuitem label, .chromeclass-toolbar .splitmenu-menuitem label, .chromeclass-toolbar menucaption label { 108 | color: var(--dark-text-color) !important; 109 | } 110 | 111 | menupopup { 112 | -moz-appearance: none !important; 113 | background: var(--dark-light-background) !important; 114 | } 115 | 116 | menuseparator { 117 | -moz-appearance: none !important; 118 | background: var(--dark-text-color) !important; 119 | border-bottom-width: 1px !important; 120 | border-bottom-color: dimgrey !important; 121 | border-bottom-style: solid !important; 122 | } 123 | 124 | #appmenuSecondaryPane { 125 | border-left-color: dimgrey !important; 126 | } 127 | 128 | .mail-toolbox { 129 | -moz-appearance: none !important; 130 | background-color: var(--dark-light-background) !important; 131 | } 132 | 133 | .mail-toolbox .chromeclass-toolbar, .mail-toolbox .chromeclass-toolbar > *, .mail-toolbox .chromeclass-toolbar .toolbarbutton-text { 134 | color: var(--dark-light-text-color) !important; 135 | } 136 | 137 | #mail-toolbox { 138 | border: none !important; 139 | border-bottom: 1px solid rgba(127,127,127,0.2) !important; 140 | } 141 | 142 | #titlebar-min { 143 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#minimize-white) !important; 144 | } 145 | 146 | #titlebar-max { 147 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#maximize-white) !important; 148 | } 149 | 150 | #titlebar-close { 151 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#close-white) !important; 152 | } 153 | 154 | #messengerWindow[sizemode="maximized"] #titlebar-max { 155 | list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#restore-white) !important; 156 | } 157 | 158 | -------------------------------------------------------------------------------- /themes/light.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | @import "_base.css"; 25 | @import "../tweaks/square-tabs.css"; 26 | 27 | @import "../icons/darkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 28 | 29 | @import "../tweaks/tag.css"; 30 | 31 | /**** Variables: Uncomment and Edit these for easy customisation ****/ 32 | 33 | :root { 34 | /*---- General Options ----*/ 35 | --light-color: #EFF0F1; 36 | --light-text-color: #31363B; 37 | --light-white-background: white; 38 | --light-light-background: var(--light-color); 39 | --light-light-text-color: var(--light-text-color); 40 | 41 | /*** Set active tab background color: ***/ 42 | --fgTabBackgroundColor: var(--light-light-background) !important; 43 | 44 | --menu-text-color: var(--light-text-color); 45 | /*** These highlight colors are used if more specific ones aren't specified below ***/ 46 | --highlight-color: #3DAEE9; 47 | --highlight-text-color: var(--light-light-text-color); 48 | 49 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 50 | --tree-row-highlight-background-color: var(--highlight-color); 51 | --tree-row-highlight-text-color: var(--highlight-text-color); 52 | 53 | /*---- Folder Tree ----*/ 54 | --folder-tree-background-color: var(--light-color) !important; 55 | --folder-tree-text-color: var(--light-text-color); 56 | --folder-tree-row-height: 25px; 57 | --folder-tree-highlight-background-color: var(--highlight-color); 58 | --folder-tree-highlight-text-color: var(--folder-tree-text-color); 59 | 60 | /*---- Message List ----*/ 61 | --message-list-header-background-color: var(--light-light-background); 62 | --message-list-header-text-color: var(--light-light-text-color); 63 | --message-list-background-color: var(--light-white-background); 64 | --message-list-text-color: var(--light-light-text-color); 65 | --message-list-row-height: 40px; 66 | --message-list-highlight-background-color: var(--tree-row-highlight-background-color); 67 | --message-list-highlight-text-color: var(--tree-row-highlight-text-color); 68 | 69 | /*---- Scollbar ----*/ 70 | --scrollbar-thumb-color: rgba(127,127,127,0.5); 71 | --scrollbar-thumb-hover-color: var(--highlight-color); 72 | 73 | /*---- Message Headers (To/Subject/From etc) ----*/ 74 | --subject-line-font-size: 150%; 75 | --headers-background-color: var(--light-light-background); 76 | --headers-text-color: var(--light-light-text-color); 77 | 78 | } 79 | 80 | /******************************************************/ 81 | 82 | @media(-moz-windows-glass: 0) { 83 | #navigation-toolbox { 84 | -moz-appearance: none !important; 85 | background: var(--light-color) !important; 86 | } 87 | } 88 | 89 | #compose-toolbox, #compose-toolbox > *, #ab-toolbox { 90 | -moz-appearance: none !important; 91 | background: var(--light-color) !important; 92 | } 93 | 94 | .tabmail-tab[selected="true"] .tab-content { 95 | background: var(--light-light-background) !important; 96 | } 97 | 98 | .tabmail-tab[selected="true"] .tab-content * { 99 | color: var(--light-light-text-color) !important; 100 | } 101 | 102 | menu label, menuitem label, .splitmenu-menuitem label, menucaption label, 103 | .chromeclass-toolbar menu label, .chromeclass-toolbar menuitem label, .chromeclass-toolbar .splitmenu-menuitem label, .chromeclass-toolbar menucaption label { 104 | color: var(--light-light-text-color) !important; 105 | } 106 | 107 | menupopup { 108 | -moz-appearance: none !important; 109 | background: var(--light-light-background) !important; 110 | } 111 | 112 | menuseparator { 113 | -moz-appearance: none !important; 114 | background: var(--light-text-color) !important; 115 | border-bottom-width: 1px !important; 116 | border-bottom-color: lightgrey !important; 117 | border-bottom-style: solid !important; 118 | } 119 | 120 | #appmenuSecondaryPane { 121 | border-left-color: lightgrey !important; 122 | } 123 | 124 | .mail-toolbox { 125 | -moz-appearance: none !important; 126 | background: var(--light-light-background) !important; 127 | } 128 | 129 | .mail-toolbox .chromeclass-toolbar, .mail-toolbox .chromeclass-toolbar > *, .mail-toolbox .chromeclass-toolbar .toolbarbutton-text { 130 | color: var(--light-light-text-color) !important; 131 | } 132 | 133 | #mail-toolbox { 134 | border: none !important; 135 | border-bottom: 1px solid rgba(127,127,127,0.2) !important; 136 | } 137 | 138 | -------------------------------------------------------------------------------- /themes/monterail.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | @import "_base.css"; 25 | @import "../tweaks/square-tabs.css"; 26 | 27 | @import "../icons/lightDarkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 28 | 29 | @import "../tweaks/tag.css"; 30 | 31 | /**** Variables: Uncomment and Edit these for easy customisation ****/ 32 | 33 | :root { 34 | /*---- General Options ----*/ 35 | --monterail-color: #006378; 36 | --monterail-dark-color: #063136; 37 | --monterail-white-background: white; 38 | --monterail-light-background: #F2F1F0; 39 | --monterail-text-color: #353535; 40 | --monterail-light-text-color: white; 41 | 42 | /*** Set active tab background color: ***/ 43 | --fgTabBackgroundColor: var(--monterail-light-background) !important; 44 | 45 | --menu-text-color: White; 46 | /*** These highlight colors are used if more specific ones aren't specified below ***/ 47 | --highlight-color: #B2F2FF; 48 | --highlight-text-color: var(--monterail-text-color); 49 | 50 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 51 | --tree-row-highlight-background-color: var(--highlight-color); 52 | --tree-row-highlight-text-color: var(--highlight-text-color); 53 | 54 | /*---- Folder Tree ----*/ 55 | --folder-tree-background-color: linear-gradient(135deg, var(--monterail-color) 0%, var(--monterail-dark-color) 100%) !important; 56 | --folder-tree-text-color: White; 57 | --folder-tree-row-height: 25px; 58 | --folder-tree-highlight-background-color: #3C818F; 59 | --folder-tree-highlight-text-color: White; 60 | 61 | /*---- Message List ----*/ 62 | --message-list-header-background-color: var(--monterail-light-background); 63 | --message-list-header-text-color: var(--monterail-text-color); 64 | --message-list-background-color: var(--monterail-white-background); 65 | --message-list-text-color: var(--monterail-text-color); 66 | --message-list-row-height: 40px; 67 | --message-list-highlight-background-color: var(--tree-row-highlight-background-color); 68 | --message-list-highlight-text-color: var(--tree-row-highlight-text-color); 69 | 70 | /*---- Scollbar ----*/ 71 | --scrollbar-thumb-color: rgba(127,127,127,0.5); 72 | --scrollbar-thumb-hover-color: var(--highlight-color); 73 | 74 | /*---- Message Headers (To/Subject/From etc) ----*/ 75 | --subject-line-font-size: 150%; 76 | --headers-background-color: var(--monterail-white-background); 77 | --headers-text-color: var(--monterail-text-color); 78 | 79 | } 80 | 81 | /******************************************************/ 82 | 83 | @media(-moz-windows-glass: 0) { 84 | #navigation-toolbox { 85 | -moz-appearance: none !important; 86 | background: var(--monterail-color) !important; 87 | } 88 | } 89 | 90 | #compose-toolbox, #compose-toolbox > *, #ab-toolbox { 91 | -moz-appearance: none !important; 92 | background: var(--monterail-color) !important; 93 | } 94 | 95 | .tabmail-tab[selected="true"] .tab-content { 96 | background: var(--monterail-light-background) !important; 97 | } 98 | 99 | .tabmail-tab[selected="true"] .tab-content * { 100 | color: var(--monterail-text-color) !important; 101 | } 102 | 103 | #navigation-toolbox .menubar-text, .splitmenu-menuitem label, menucaption label, .chromeclass-toolbar menu label, .chromeclass-toolbar menuitem label, .chromeclass-toolbar .splitmenu-menuitem label, .chromeclass-toolbar menucaption label { 104 | color: var(--monterail-text-color) !important; 105 | } 106 | 107 | #compose-toolbox .menubar-text{ 108 | color: var(--monterail-light-text-color) !important; 109 | } 110 | 111 | menupopup { 112 | -moz-appearance: none !important; 113 | color: var(--monterail-text-color) !important; 114 | background: var(--monterail-light-background) !important; 115 | } 116 | 117 | menuseparator { 118 | -moz-appearance: none !important; 119 | border-bottom-width: 1px !important; 120 | border-bottom-color: lightgrey !important; 121 | border-bottom-style: solid !important; 122 | } 123 | 124 | #appmenuSecondaryPane { 125 | border-left-color: lightgrey !important; 126 | } 127 | 128 | .mail-toolbox { 129 | -moz-appearance: none !important; 130 | background: var(--monterail-light-background) !important; 131 | } 132 | 133 | .mail-toolbox .chromeclass-toolbar, .mail-toolbox .chromeclass-toolbar > *, .mail-toolbox .chromeclass-toolbar .toolbarbutton-text { 134 | color: var(--monterail-text-color) !important; 135 | } 136 | 137 | #mail-toolbox { 138 | border: none !important; 139 | border-bottom: 1px solid rgba(127,127,127,0.2) !important; 140 | } 141 | 142 | .toolbarbutton-1, .toolbarbutton-menubutton-button, #composeToolbar2{ 143 | color: var(--dark-text-color) !important; 144 | } 145 | -------------------------------------------------------------------------------- /themes/system.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | @import "_base.css"; 25 | @import "../tweaks/tag.css"; 26 | 27 | /* Select icon theme (leave commented to use default for the selected theme)*/ 28 | /* @import "../icons/lightIcons.css"; /*For dark Folder Tree and Message List*/ 29 | /* @import "../icons/lightDarkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 30 | @import "../icons/darkIcons.css"; /*For light Folder Tree and Message List*/ 31 | 32 | /**** Variables: Uncomment and Edit these for easy customisation ****/ 33 | 34 | :root { 35 | /*---- General Options ----*/ 36 | --menu-text-color: MenuText; 37 | /*** These highlight colors are used if more specific ones aren't specified below ***/ 38 | --highlight-color: Highlight; 39 | --highlight-text-color: HighlightText; 40 | 41 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 42 | --tree-row-highlight-background-color: var(--highlight-color); 43 | --tree-row-highlight-text-color: var(--highlight-text-color); 44 | 45 | /*---- Folder Tree ----*/ 46 | --folder-tree-background-color: none; 47 | --folder-tree-text-color: default; 48 | --dark-folder-tree-text-color: var(--folder-tree-text-color); 49 | --folder-tree-row-height: 25px; 50 | --folder-tree-highlight-background-color: var(--tree-row-highlight-background-color); 51 | --folder-tree-highlight-text-color: var(--tree-row-highlight-text-color); 52 | 53 | /*---- Message List ----*/ 54 | --message-list-header-background-color: -moz-dialog; 55 | --message-list-header-text-color: WindowText; 56 | --message-list-background-color: -moz-default-background-color; 57 | --message-list-text-color: WindowText; 58 | --message-list-row-height: 40px; 59 | --message-list-highlight-background-color: var(--tree-row-highlight-background-color); 60 | --message-list-highlight-text-color: var(--tree-row-highlight-text-color); 61 | 62 | /*---- Scollbar ----*/ 63 | --scrollbar-thumb-color: rgba(127,127,127,0.5); 64 | --scrollbar-thumb-hover-color: var(--highlight-color); 65 | 66 | /*---- Message Headers (To/Subject/From etc) ----*/ 67 | --subject-line-font-size: 150%; 68 | --headers-background-color: transparent; 69 | --headers-text-color: WindowText; 70 | 71 | } 72 | 73 | /******************************************************/ 74 | 75 | 76 | #folderTree { 77 | -moz-appearance: var(--folder-tree-appearance, none) !important; 78 | color: var(--dark-folder-tree-text-color) !important; 79 | } 80 | -------------------------------------------------------------------------------- /tweaks/dark-folder-pane.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | @import "../icons/lightDarkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 18 | 19 | :root { 20 | --dark-folder-tree-text-color: -moz-menubartext; 21 | --folder-tree-appearance: menubar; 22 | } 23 | -------------------------------------------------------------------------------- /tweaks/square-tabs.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | .tabmail-tab .tab-background { 18 | -moz-appearance: none !important; 19 | opacity: 0.01 !important; 20 | background: none !important; 21 | } 22 | 23 | .tabmail-tab .tab-content { 24 | padding-bottom: 3px !important; 25 | margin-top: 5px !important; 26 | } 27 | 28 | .tabmail-tab .tab-text { 29 | color: var(--menu-text-color) !important; 30 | } 31 | 32 | .tabmail-tab[selected="true"] .tab-content { 33 | background: -moz-dialog !important; 34 | background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)) !important; 35 | border-top: 1px solid rgba(127,127,127,0.2) !important; 36 | border-left: 1px solid rgba(127,127,127,0.2) !important; 37 | border-right: 1px solid rgba(127,127,127,0.2) !important; 38 | border-radius: 2px !important; 39 | border-bottom-left-radius: 0px !important; 40 | border-bottom-right-radius: 0px !important; 41 | } 42 | -------------------------------------------------------------------------------- /tweaks/tag.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | .flagColumnHeader, #threadTree > treechildren::-moz-tree-cell(flaggedCol) { 18 | width: 30px; 19 | padding-left: 5px !important; 20 | } 21 | 22 | 23 | #threadTree > treechildren::-moz-tree-cell-text(lc-000000) { 24 | color: #000000 !important; 25 | } 26 | #threadTree > treechildren::-moz-tree-cell(lc-000000, flaggedCol) { 27 | border-left: 5px solid #000000 !important; 28 | padding-left: 0px !important; 29 | } 30 | #threadTree > treechildren::-moz-tree-row(lc-000000, selected, focus) { 31 | background: #000000 !important; 32 | } 33 | 34 | 35 | #threadTree > treechildren::-moz-tree-cell-text(lc-000066) { 36 | color: #000066 !important; 37 | } 38 | #threadTree > treechildren::-moz-tree-cell(lc-000066, flaggedCol) { 39 | border-left: 5px solid #000066 !important; 40 | padding-left: 0px !important; 41 | } 42 | #threadTree > treechildren::-moz-tree-row(lc-000066, selected, focus) { 43 | background: #000066 !important; 44 | } 45 | 46 | 47 | #threadTree > treechildren::-moz-tree-cell-text(lc-000099) { 48 | color: #000099 !important; 49 | } 50 | #threadTree > treechildren::-moz-tree-cell(lc-000099, flaggedCol) { 51 | border-left: 5px solid #000099 !important; 52 | padding-left: 0px !important; 53 | } 54 | #threadTree > treechildren::-moz-tree-row(lc-000099, selected, focus) { 55 | background: #000099 !important; 56 | } 57 | 58 | 59 | #threadTree > treechildren::-moz-tree-cell-text(lc-003300) { 60 | color: #003300 !important; 61 | } 62 | #threadTree > treechildren::-moz-tree-cell(lc-003300, flaggedCol) { 63 | border-left: 5px solid #003300 !important; 64 | padding-left: 0px !important; 65 | } 66 | #threadTree > treechildren::-moz-tree-row(lc-003300, selected, focus) { 67 | background: #003300 !important; 68 | } 69 | 70 | 71 | #threadTree > treechildren::-moz-tree-cell-text(lc-003333) { 72 | color: #003333 !important; 73 | } 74 | #threadTree > treechildren::-moz-tree-cell(lc-003333, flaggedCol) { 75 | border-left: 5px solid #003333 !important; 76 | padding-left: 0px !important; 77 | } 78 | #threadTree > treechildren::-moz-tree-row(lc-003333, selected, focus) { 79 | background: #003333 !important; 80 | } 81 | 82 | 83 | #threadTree > treechildren::-moz-tree-cell-text(lc-006600) { 84 | color: #006600 !important; 85 | } 86 | #threadTree > treechildren::-moz-tree-cell(lc-006600, flaggedCol) { 87 | border-left: 5px solid #006600 !important; 88 | padding-left: 0px !important; 89 | } 90 | #threadTree > treechildren::-moz-tree-row(lc-006600, selected, focus) { 91 | background: #006600 !important; 92 | } 93 | 94 | 95 | #threadTree > treechildren::-moz-tree-cell-text(lc-009900) { 96 | color: #009900 !important; 97 | } 98 | #threadTree > treechildren::-moz-tree-cell(lc-009900, flaggedCol) { 99 | border-left: 5px solid #009900 !important; 100 | padding-left: 0px !important; 101 | } 102 | #threadTree > treechildren::-moz-tree-row(lc-009900, selected, focus) { 103 | background: #009900 !important; 104 | } 105 | 106 | 107 | #threadTree > treechildren::-moz-tree-cell-text(lc-00CCCC) { 108 | color: #00CCCC !important; 109 | } 110 | #threadTree > treechildren::-moz-tree-cell(lc-00CCCC, flaggedCol) { 111 | border-left: 5px solid #00CCCC !important; 112 | padding-left: 0px !important; 113 | } 114 | #threadTree > treechildren::-moz-tree-row(lc-00CCCC, selected, focus) { 115 | background: #00CCCC !important; 116 | } 117 | 118 | 119 | #threadTree > treechildren::-moz-tree-cell-text(lc-330000) { 120 | color: #330000 !important; 121 | } 122 | #threadTree > treechildren::-moz-tree-cell(lc-330000, flaggedCol) { 123 | border-left: 5px solid #330000 !important; 124 | padding-left: 0px !important; 125 | } 126 | #threadTree > treechildren::-moz-tree-row(lc-330000, selected, focus) { 127 | background: #330000 !important; 128 | } 129 | 130 | 131 | #threadTree > treechildren::-moz-tree-cell-text(lc-330033) { 132 | color: #330033 !important; 133 | } 134 | #threadTree > treechildren::-moz-tree-cell(lc-330033, flaggedCol) { 135 | border-left: 5px solid #330033 !important; 136 | padding-left: 0px !important; 137 | } 138 | #threadTree > treechildren::-moz-tree-row(lc-330033, selected, focus) { 139 | background: #330033 !important; 140 | } 141 | 142 | 143 | #threadTree > treechildren::-moz-tree-cell-text(lc-330099) { 144 | color: #330099 !important; 145 | } 146 | #threadTree > treechildren::-moz-tree-cell(lc-330099, flaggedCol) { 147 | border-left: 5px solid #330099 !important; 148 | padding-left: 0px !important; 149 | } 150 | #threadTree > treechildren::-moz-tree-row(lc-330099, selected, focus) { 151 | background: #330099 !important; 152 | } 153 | 154 | 155 | #threadTree > treechildren::-moz-tree-cell-text(lc-333300) { 156 | color: #333300 !important; 157 | } 158 | #threadTree > treechildren::-moz-tree-cell(lc-333300, flaggedCol) { 159 | border-left: 5px solid #333300 !important; 160 | padding-left: 0px !important; 161 | } 162 | #threadTree > treechildren::-moz-tree-row(lc-333300, selected, focus) { 163 | background: #333300 !important; 164 | } 165 | 166 | 167 | #threadTree > treechildren::-moz-tree-cell-text(lc-333333) { 168 | color: #333333 !important; 169 | } 170 | #threadTree > treechildren::-moz-tree-cell(lc-333333, flaggedCol) { 171 | border-left: 5px solid #333333 !important; 172 | padding-left: 0px !important; 173 | } 174 | #threadTree > treechildren::-moz-tree-row(lc-333333, selected, focus) { 175 | background: #333333 !important; 176 | } 177 | 178 | 179 | #threadTree > treechildren::-moz-tree-cell-text(lc-333399) { 180 | color: #333399 !important; 181 | } 182 | #threadTree > treechildren::-moz-tree-cell(lc-333399, flaggedCol) { 183 | border-left: 5px solid #333399 !important; 184 | padding-left: 0px !important; 185 | } 186 | #threadTree > treechildren::-moz-tree-row(lc-333399, selected, focus) { 187 | background: #333399 !important; 188 | } 189 | 190 | 191 | #threadTree > treechildren::-moz-tree-cell-text(lc-3333FF) { 192 | color: #3333FF !important; 193 | } 194 | #threadTree > treechildren::-moz-tree-cell(lc-3333FF, flaggedCol) { 195 | border-left: 5px solid #3333FF !important; 196 | padding-left: 0px !important; 197 | } 198 | #threadTree > treechildren::-moz-tree-row(lc-3333FF, selected, focus) { 199 | background: #3333FF !important; 200 | } 201 | 202 | 203 | #threadTree > treechildren::-moz-tree-cell-text(lc-336666) { 204 | color: #336666 !important; 205 | } 206 | #threadTree > treechildren::-moz-tree-cell(lc-336666, flaggedCol) { 207 | border-left: 5px solid #336666 !important; 208 | padding-left: 0px !important; 209 | } 210 | #threadTree > treechildren::-moz-tree-row(lc-336666, selected, focus) { 211 | background: #336666 !important; 212 | } 213 | 214 | 215 | #threadTree > treechildren::-moz-tree-cell-text(lc-3366FF) { 216 | color: #3366FF !important; 217 | } 218 | #threadTree > treechildren::-moz-tree-cell(lc-3366FF, flaggedCol) { 219 | border-left: 5px solid #3366FF !important; 220 | padding-left: 0px !important; 221 | } 222 | #threadTree > treechildren::-moz-tree-row(lc-3366FF, selected, focus) { 223 | background: #3366FF !important; 224 | } 225 | 226 | 227 | #threadTree > treechildren::-moz-tree-cell-text(lc-339999) { 228 | color: #339999 !important; 229 | } 230 | #threadTree > treechildren::-moz-tree-cell(lc-339999, flaggedCol) { 231 | border-left: 5px solid #339999 !important; 232 | padding-left: 0px !important; 233 | } 234 | #threadTree > treechildren::-moz-tree-row(lc-339999, selected, focus) { 235 | background: #339999 !important; 236 | } 237 | 238 | 239 | #threadTree > treechildren::-moz-tree-cell-text(lc-33CC00) { 240 | color: #33CC00 !important; 241 | } 242 | #threadTree > treechildren::-moz-tree-cell(lc-33CC00, flaggedCol) { 243 | border-left: 5px solid #33CC00 !important; 244 | padding-left: 0px !important; 245 | } 246 | #threadTree > treechildren::-moz-tree-row(lc-33CC00, selected, focus) { 247 | background: #33CC00 !important; 248 | } 249 | 250 | 251 | #threadTree > treechildren::-moz-tree-cell-text(lc-33CCFF) { 252 | color: #33CCFF !important; 253 | } 254 | #threadTree > treechildren::-moz-tree-cell(lc-33CCFF, flaggedCol) { 255 | border-left: 5px solid #33CCFF !important; 256 | padding-left: 0px !important; 257 | } 258 | #threadTree > treechildren::-moz-tree-row(lc-33CCFF, selected, focus) { 259 | background: #33CCFF !important; 260 | } 261 | 262 | 263 | #threadTree > treechildren::-moz-tree-cell-text(lc-33FF33) { 264 | color: #33FF33 !important; 265 | } 266 | #threadTree > treechildren::-moz-tree-cell(lc-33FF33, flaggedCol) { 267 | border-left: 5px solid #33FF33 !important; 268 | padding-left: 0px !important; 269 | } 270 | #threadTree > treechildren::-moz-tree-row(lc-33FF33, selected, focus) { 271 | background: #33FF33 !important; 272 | } 273 | 274 | 275 | #threadTree > treechildren::-moz-tree-cell-text(lc-33FFFF) { 276 | color: #33FFFF !important; 277 | } 278 | #threadTree > treechildren::-moz-tree-cell(lc-33FFFF, flaggedCol) { 279 | border-left: 5px solid #33FFFF !important; 280 | padding-left: 0px !important; 281 | } 282 | #threadTree > treechildren::-moz-tree-row(lc-33FFFF, selected, focus) { 283 | background: #33FFFF !important; 284 | } 285 | 286 | 287 | #threadTree > treechildren::-moz-tree-cell-text(lc-660000) { 288 | color: #660000 !important; 289 | } 290 | #threadTree > treechildren::-moz-tree-cell(lc-660000, flaggedCol) { 291 | border-left: 5px solid #660000 !important; 292 | padding-left: 0px !important; 293 | } 294 | #threadTree > treechildren::-moz-tree-row(lc-660000, selected, focus) { 295 | background: #660000 !important; 296 | } 297 | 298 | 299 | #threadTree > treechildren::-moz-tree-cell-text(lc-6600CC) { 300 | color: #6600CC !important; 301 | } 302 | #threadTree > treechildren::-moz-tree-cell(lc-6600CC, flaggedCol) { 303 | border-left: 5px solid #6600CC !important; 304 | padding-left: 0px !important; 305 | } 306 | #threadTree > treechildren::-moz-tree-row(lc-6600CC, selected, focus) { 307 | background: #6600CC !important; 308 | } 309 | 310 | 311 | #threadTree > treechildren::-moz-tree-cell-text(lc-663300) { 312 | color: #663300 !important; 313 | } 314 | #threadTree > treechildren::-moz-tree-cell(lc-663300, flaggedCol) { 315 | border-left: 5px solid #663300 !important; 316 | padding-left: 0px !important; 317 | } 318 | #threadTree > treechildren::-moz-tree-row(lc-663300, selected, focus) { 319 | background: #663300 !important; 320 | } 321 | 322 | 323 | #threadTree > treechildren::-moz-tree-cell-text(lc-663333) { 324 | color: #663333 !important; 325 | } 326 | #threadTree > treechildren::-moz-tree-cell(lc-663333, flaggedCol) { 327 | border-left: 5px solid #663333 !important; 328 | padding-left: 0px !important; 329 | } 330 | #threadTree > treechildren::-moz-tree-row(lc-663333, selected, focus) { 331 | background: #663333 !important; 332 | } 333 | 334 | 335 | #threadTree > treechildren::-moz-tree-cell-text(lc-663366) { 336 | color: #663366 !important; 337 | } 338 | #threadTree > treechildren::-moz-tree-cell(lc-663366, flaggedCol) { 339 | border-left: 5px solid #663366 !important; 340 | padding-left: 0px !important; 341 | } 342 | #threadTree > treechildren::-moz-tree-row(lc-663366, selected, focus) { 343 | background: #663366 !important; 344 | } 345 | 346 | 347 | #threadTree > treechildren::-moz-tree-cell-text(lc-6633FF) { 348 | color: #6633FF !important; 349 | } 350 | #threadTree > treechildren::-moz-tree-cell(lc-6633FF, flaggedCol) { 351 | border-left: 5px solid #6633FF !important; 352 | padding-left: 0px !important; 353 | } 354 | #threadTree > treechildren::-moz-tree-row(lc-6633FF, selected, focus) { 355 | background: #6633FF !important; 356 | } 357 | 358 | 359 | #threadTree > treechildren::-moz-tree-cell-text(lc-666600) { 360 | color: #666600 !important; 361 | } 362 | #threadTree > treechildren::-moz-tree-cell(lc-666600, flaggedCol) { 363 | border-left: 5px solid #666600 !important; 364 | padding-left: 0px !important; 365 | } 366 | #threadTree > treechildren::-moz-tree-row(lc-666600, selected, focus) { 367 | background: #666600 !important; 368 | } 369 | 370 | 371 | #threadTree > treechildren::-moz-tree-cell-text(lc-666666) { 372 | color: #666666 !important; 373 | } 374 | #threadTree > treechildren::-moz-tree-cell(lc-666666, flaggedCol) { 375 | border-left: 5px solid #666666 !important; 376 | padding-left: 0px !important; 377 | } 378 | #threadTree > treechildren::-moz-tree-row(lc-666666, selected, focus) { 379 | background: #666666 !important; 380 | } 381 | 382 | 383 | #threadTree > treechildren::-moz-tree-cell-text(lc-6666CC) { 384 | color: #6666CC !important; 385 | } 386 | #threadTree > treechildren::-moz-tree-cell(lc-6666CC, flaggedCol) { 387 | border-left: 5px solid #6666CC !important; 388 | padding-left: 0px !important; 389 | } 390 | #threadTree > treechildren::-moz-tree-row(lc-6666CC, selected, focus) { 391 | background: #6666CC !important; 392 | } 393 | 394 | 395 | #threadTree > treechildren::-moz-tree-cell-text(lc-66CCCC) { 396 | color: #66CCCC !important; 397 | } 398 | #threadTree > treechildren::-moz-tree-cell(lc-66CCCC, flaggedCol) { 399 | border-left: 5px solid #66CCCC !important; 400 | padding-left: 0px !important; 401 | } 402 | #threadTree > treechildren::-moz-tree-row(lc-66CCCC, selected, focus) { 403 | background: #66CCCC !important; 404 | } 405 | 406 | 407 | #threadTree > treechildren::-moz-tree-cell-text(lc-66FF99) { 408 | color: #66FF99 !important; 409 | } 410 | #threadTree > treechildren::-moz-tree-cell(lc-66FF99, flaggedCol) { 411 | border-left: 5px solid #66FF99 !important; 412 | padding-left: 0px !important; 413 | } 414 | #threadTree > treechildren::-moz-tree-row(lc-66FF99, selected, focus) { 415 | background: #66FF99 !important; 416 | } 417 | 418 | 419 | #threadTree > treechildren::-moz-tree-cell-text(lc-66FFFF) { 420 | color: #66FFFF !important; 421 | } 422 | #threadTree > treechildren::-moz-tree-cell(lc-66FFFF, flaggedCol) { 423 | border-left: 5px solid #66FFFF !important; 424 | padding-left: 0px !important; 425 | } 426 | #threadTree > treechildren::-moz-tree-row(lc-66FFFF, selected, focus) { 427 | background: #66FFFF !important; 428 | } 429 | 430 | 431 | #threadTree > treechildren::-moz-tree-cell-text(lc-990000) { 432 | color: #990000 !important; 433 | } 434 | #threadTree > treechildren::-moz-tree-cell(lc-990000, flaggedCol) { 435 | border-left: 5px solid #990000 !important; 436 | padding-left: 0px !important; 437 | } 438 | #threadTree > treechildren::-moz-tree-row(lc-990000, selected, focus) { 439 | background: #990000 !important; 440 | } 441 | 442 | 443 | #threadTree > treechildren::-moz-tree-cell-text(lc-993300) { 444 | color: #993300 !important; 445 | } 446 | #threadTree > treechildren::-moz-tree-cell(lc-993300, flaggedCol) { 447 | border-left: 5px solid #993300 !important; 448 | padding-left: 0px !important; 449 | } 450 | #threadTree > treechildren::-moz-tree-row(lc-993300, selected, focus) { 451 | background: #993300 !important; 452 | } 453 | 454 | 455 | #threadTree > treechildren::-moz-tree-cell-text(lc-993399) { 456 | color: #993399 !important; 457 | } 458 | #threadTree > treechildren::-moz-tree-cell(lc-993399, flaggedCol) { 459 | border-left: 5px solid #993399 !important; 460 | padding-left: 0px !important; 461 | } 462 | #threadTree > treechildren::-moz-tree-row(lc-993399, selected, focus) { 463 | background: #993399 !important; 464 | } 465 | 466 | 467 | #threadTree > treechildren::-moz-tree-cell-text(lc-996633) { 468 | color: #996633 !important; 469 | } 470 | #threadTree > treechildren::-moz-tree-cell(lc-996633, flaggedCol) { 471 | border-left: 5px solid #996633 !important; 472 | padding-left: 0px !important; 473 | } 474 | #threadTree > treechildren::-moz-tree-row(lc-996633, selected, focus) { 475 | background: #996633 !important; 476 | } 477 | 478 | 479 | #threadTree > treechildren::-moz-tree-cell-text(lc-999900) { 480 | color: #999900 !important; 481 | } 482 | #threadTree > treechildren::-moz-tree-cell(lc-999900, flaggedCol) { 483 | border-left: 5px solid #999900 !important; 484 | padding-left: 0px !important; 485 | } 486 | #threadTree > treechildren::-moz-tree-row(lc-999900, selected, focus) { 487 | background: #999900 !important; 488 | } 489 | 490 | 491 | #threadTree > treechildren::-moz-tree-cell-text(lc-999999) { 492 | color: #999999 !important; 493 | } 494 | #threadTree > treechildren::-moz-tree-cell(lc-999999, flaggedCol) { 495 | border-left: 5px solid #999999 !important; 496 | padding-left: 0px !important; 497 | } 498 | #threadTree > treechildren::-moz-tree-row(lc-999999, selected, focus) { 499 | background: #999999 !important; 500 | } 501 | 502 | 503 | #threadTree > treechildren::-moz-tree-cell-text(lc-9999FF) { 504 | color: #9999FF !important; 505 | } 506 | #threadTree > treechildren::-moz-tree-cell(lc-9999FF, flaggedCol) { 507 | border-left: 5px solid #9999FF !important; 508 | padding-left: 0px !important; 509 | } 510 | #threadTree > treechildren::-moz-tree-row(lc-9999FF, selected, focus) { 511 | background: #9999FF !important; 512 | } 513 | 514 | 515 | #threadTree > treechildren::-moz-tree-cell-text(lc-99FF99) { 516 | color: #99FF99 !important; 517 | } 518 | #threadTree > treechildren::-moz-tree-cell(lc-99FF99, flaggedCol) { 519 | border-left: 5px solid #99FF99 !important; 520 | padding-left: 0px !important; 521 | } 522 | #threadTree > treechildren::-moz-tree-row(lc-99FF99, selected, focus) { 523 | background: #99FF99 !important; 524 | } 525 | 526 | 527 | #threadTree > treechildren::-moz-tree-cell-text(lc-99FFFF) { 528 | color: #99FFFF !important; 529 | } 530 | #threadTree > treechildren::-moz-tree-cell(lc-99FFFF, flaggedCol) { 531 | border-left: 5px solid #99FFFF !important; 532 | padding-left: 0px !important; 533 | } 534 | #threadTree > treechildren::-moz-tree-row(lc-99FFFF, selected, focus) { 535 | background: #99FFFF !important; 536 | } 537 | 538 | 539 | #threadTree > treechildren::-moz-tree-cell-text(lc-C0C0C0) { 540 | color: #C0C0C0 !important; 541 | } 542 | #threadTree > treechildren::-moz-tree-cell(lc-C0C0C0, flaggedCol) { 543 | border-left: 5px solid #C0C0C0 !important; 544 | padding-left: 0px !important; 545 | } 546 | #threadTree > treechildren::-moz-tree-row(lc-C0C0C0, selected, focus) { 547 | background: #C0C0C0 !important; 548 | } 549 | 550 | 551 | #threadTree > treechildren::-moz-tree-cell-text(lc-CC0000) { 552 | color: #CC0000 !important; 553 | } 554 | #threadTree > treechildren::-moz-tree-cell(lc-CC0000, flaggedCol) { 555 | border-left: 5px solid #CC0000 !important; 556 | padding-left: 0px !important; 557 | } 558 | #threadTree > treechildren::-moz-tree-row(lc-CC0000, selected, focus) { 559 | background: #CC0000 !important; 560 | } 561 | 562 | 563 | #threadTree > treechildren::-moz-tree-cell-text(lc-CC33CC) { 564 | color: #CC33CC !important; 565 | } 566 | #threadTree > treechildren::-moz-tree-cell(lc-CC33CC, flaggedCol) { 567 | border-left: 5px solid #CC33CC !important; 568 | padding-left: 0px !important; 569 | } 570 | #threadTree > treechildren::-moz-tree-row(lc-CC33CC, selected, focus) { 571 | background: #CC33CC !important; 572 | } 573 | 574 | 575 | #threadTree > treechildren::-moz-tree-cell-text(lc-CC6600) { 576 | color: #CC6600 !important; 577 | } 578 | #threadTree > treechildren::-moz-tree-cell(lc-CC6600, flaggedCol) { 579 | border-left: 5px solid #CC6600 !important; 580 | padding-left: 0px !important; 581 | } 582 | #threadTree > treechildren::-moz-tree-row(lc-CC6600, selected, focus) { 583 | background: #CC6600 !important; 584 | } 585 | 586 | 587 | #threadTree > treechildren::-moz-tree-cell-text(lc-CC66CC) { 588 | color: #CC66CC !important; 589 | } 590 | #threadTree > treechildren::-moz-tree-cell(lc-CC66CC, flaggedCol) { 591 | border-left: 5px solid #CC66CC !important; 592 | padding-left: 0px !important; 593 | } 594 | #threadTree > treechildren::-moz-tree-row(lc-CC66CC, selected, focus) { 595 | background: #CC66CC !important; 596 | } 597 | 598 | 599 | #threadTree > treechildren::-moz-tree-cell-text(lc-CC9933) { 600 | color: #CC9933 !important; 601 | } 602 | #threadTree > treechildren::-moz-tree-cell(lc-CC9933, flaggedCol) { 603 | border-left: 5px solid #CC9933 !important; 604 | padding-left: 0px !important; 605 | } 606 | #threadTree > treechildren::-moz-tree-row(lc-CC9933, selected, focus) { 607 | background: #CC9933 !important; 608 | } 609 | 610 | 611 | #threadTree > treechildren::-moz-tree-cell-text(lc-CCCCCC) { 612 | color: #CCCCCC !important; 613 | } 614 | #threadTree > treechildren::-moz-tree-cell(lc-CCCCCC, flaggedCol) { 615 | border-left: 5px solid #CCCCCC !important; 616 | padding-left: 0px !important; 617 | } 618 | #threadTree > treechildren::-moz-tree-row(lc-CCCCCC, selected, focus) { 619 | background: #CCCCCC !important; 620 | } 621 | 622 | 623 | #threadTree > treechildren::-moz-tree-cell-text(lc-CCCCFF) { 624 | color: #CCCCFF !important; 625 | } 626 | #threadTree > treechildren::-moz-tree-cell(lc-CCCCFF, flaggedCol) { 627 | border-left: 5px solid #CCCCFF !important; 628 | padding-left: 0px !important; 629 | } 630 | #threadTree > treechildren::-moz-tree-row(lc-CCCCFF, selected, focus) { 631 | background: #CCCCFF !important; 632 | } 633 | 634 | 635 | #threadTree > treechildren::-moz-tree-cell-text(lc-CCFFFF) { 636 | color: #CCFFFF !important; 637 | } 638 | #threadTree > treechildren::-moz-tree-cell(lc-CCFFFF, flaggedCol) { 639 | border-left: 5px solid #CCFFFF !important; 640 | padding-left: 0px !important; 641 | } 642 | #threadTree > treechildren::-moz-tree-row(lc-CCFFFF, selected, focus) { 643 | background: #CCFFFF !important; 644 | } 645 | 646 | 647 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF0000) { 648 | color: #FF0000 !important; 649 | } 650 | #threadTree > treechildren::-moz-tree-cell(lc-FF0000, flaggedCol) { 651 | border-left: 5px solid #FF0000 !important; 652 | padding-left: 0px !important; 653 | } 654 | #threadTree > treechildren::-moz-tree-row(lc-FF0000, selected, focus) { 655 | background: #FF0000 !important; 656 | } 657 | 658 | 659 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF6600) { 660 | color: #FF6600 !important; 661 | } 662 | #threadTree > treechildren::-moz-tree-cell(lc-FF6600, flaggedCol) { 663 | border-left: 5px solid #FF6600 !important; 664 | padding-left: 0px !important; 665 | } 666 | #threadTree > treechildren::-moz-tree-row(lc-FF6600, selected, focus) { 667 | background: #FF6600 !important; 668 | } 669 | 670 | 671 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF6666) { 672 | color: #FF6666 !important; 673 | } 674 | #threadTree > treechildren::-moz-tree-cell(lc-FF6666, flaggedCol) { 675 | border-left: 5px solid #FF6666 !important; 676 | padding-left: 0px !important; 677 | } 678 | #threadTree > treechildren::-moz-tree-row(lc-FF6666, selected, focus) { 679 | background: #FF6666 !important; 680 | } 681 | 682 | 683 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF9900) { 684 | color: #FF9900 !important; 685 | } 686 | #threadTree > treechildren::-moz-tree-cell(lc-FF9900, flaggedCol) { 687 | border-left: 5px solid #FF9900 !important; 688 | padding-left: 0px !important; 689 | } 690 | #threadTree > treechildren::-moz-tree-row(lc-FF9900, selected, focus) { 691 | background: #FF9900 !important; 692 | } 693 | 694 | 695 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF9966) { 696 | color: #FF9966 !important; 697 | } 698 | #threadTree > treechildren::-moz-tree-cell(lc-FF9966, flaggedCol) { 699 | border-left: 5px solid #FF9966 !important; 700 | padding-left: 0px !important; 701 | } 702 | #threadTree > treechildren::-moz-tree-row(lc-FF9966, selected, focus) { 703 | background: #FF9966 !important; 704 | } 705 | 706 | 707 | #threadTree > treechildren::-moz-tree-cell-text(lc-FF99FF) { 708 | color: #FF99FF !important; 709 | } 710 | #threadTree > treechildren::-moz-tree-cell(lc-FF99FF, flaggedCol) { 711 | border-left: 5px solid #FF99FF !important; 712 | padding-left: 0px !important; 713 | } 714 | #threadTree > treechildren::-moz-tree-row(lc-FF99FF, selected, focus) { 715 | background: #FF99FF !important; 716 | } 717 | 718 | 719 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC00) { 720 | color: #FFCC00 !important; 721 | } 722 | #threadTree > treechildren::-moz-tree-cell(lc-FFCC00, flaggedCol) { 723 | border-left: 5px solid #FFCC00 !important; 724 | padding-left: 0px !important; 725 | } 726 | #threadTree > treechildren::-moz-tree-row(lc-FFCC00, selected, focus) { 727 | background: #FFCC00 !important; 728 | } 729 | 730 | 731 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC33) { 732 | color: #FFCC33 !important; 733 | } 734 | #threadTree > treechildren::-moz-tree-cell(lc-FFCC33, flaggedCol) { 735 | border-left: 5px solid #FFCC33 !important; 736 | padding-left: 0px !important; 737 | } 738 | #threadTree > treechildren::-moz-tree-row(lc-FFCC33, selected, focus) { 739 | background: #FFCC33 !important; 740 | } 741 | 742 | 743 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC66) { 744 | color: #FFCC66 !important; 745 | } 746 | #threadTree > treechildren::-moz-tree-cell(lc-FFCC66, flaggedCol) { 747 | border-left: 5px solid #FFCC66 !important; 748 | padding-left: 0px !important; 749 | } 750 | #threadTree > treechildren::-moz-tree-row(lc-FFCC66, selected, focus) { 751 | background: #FFCC66 !important; 752 | } 753 | 754 | 755 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC99) { 756 | color: #FFCC99 !important; 757 | } 758 | #threadTree > treechildren::-moz-tree-cell(lc-FFCC99, flaggedCol) { 759 | border-left: 5px solid #FFCC99 !important; 760 | padding-left: 0px !important; 761 | } 762 | #threadTree > treechildren::-moz-tree-row(lc-FFCC99, selected, focus) { 763 | background: #FFCC99 !important; 764 | } 765 | 766 | 767 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCCCC) { 768 | color: #FFCCCC !important; 769 | } 770 | #threadTree > treechildren::-moz-tree-cell(lc-FFCCCC, flaggedCol) { 771 | border-left: 5px solid #FFCCCC !important; 772 | padding-left: 0px !important; 773 | } 774 | #threadTree > treechildren::-moz-tree-row(lc-FFCCCC, selected, focus) { 775 | background: #FFCCCC !important; 776 | } 777 | 778 | 779 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFCCFF) { 780 | color: #FFCCFF !important; 781 | } 782 | #threadTree > treechildren::-moz-tree-cell(lc-FFCCFF, flaggedCol) { 783 | border-left: 5px solid #FFCCFF !important; 784 | padding-left: 0px !important; 785 | } 786 | #threadTree > treechildren::-moz-tree-row(lc-FFCCFF, selected, focus) { 787 | background: #FFCCFF !important; 788 | } 789 | 790 | 791 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF00) { 792 | color: #FFFF00 !important; 793 | } 794 | #threadTree > treechildren::-moz-tree-cell(lc-FFFF00, flaggedCol) { 795 | border-left: 5px solid #FFFF00 !important; 796 | padding-left: 0px !important; 797 | } 798 | #threadTree > treechildren::-moz-tree-row(lc-FFFF00, selected, focus) { 799 | background: #FFFF00 !important; 800 | } 801 | 802 | 803 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF33) { 804 | color: #FFFF33 !important; 805 | } 806 | #threadTree > treechildren::-moz-tree-cell(lc-FFFF33, flaggedCol) { 807 | border-left: 5px solid #FFFF33 !important; 808 | padding-left: 0px !important; 809 | } 810 | #threadTree > treechildren::-moz-tree-row(lc-FFFF33, selected, focus) { 811 | background: #FFFF33 !important; 812 | } 813 | 814 | 815 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF66) { 816 | color: #FFFF66 !important; 817 | } 818 | #threadTree > treechildren::-moz-tree-cell(lc-FFFF66, flaggedCol) { 819 | border-left: 5px solid #FFFF66 !important; 820 | padding-left: 0px !important; 821 | } 822 | #threadTree > treechildren::-moz-tree-row(lc-FFFF66, selected, focus) { 823 | background: #FFFF66 !important; 824 | } 825 | 826 | 827 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF99) { 828 | color: #FFFF99 !important; 829 | } 830 | #threadTree > treechildren::-moz-tree-cell(lc-FFFF99, flaggedCol) { 831 | border-left: 5px solid #FFFF99 !important; 832 | padding-left: 0px !important; 833 | } 834 | #threadTree > treechildren::-moz-tree-row(lc-FFFF99, selected, focus) { 835 | background: #FFFF99 !important; 836 | } 837 | 838 | 839 | #threadTree > treechildren::-moz-tree-cell-text(lc-FFFFCC) { 840 | color: #FFFFCC !important; 841 | } 842 | #threadTree > treechildren::-moz-tree-cell(lc-FFFFCC, flaggedCol) { 843 | border-left: 5px solid #FFFFCC !important; 844 | padding-left: 0px !important; 845 | } 846 | #threadTree > treechildren::-moz-tree-row(lc-FFFFCC, selected, focus) { 847 | background: #FFFFCC !important; 848 | } 849 | 850 | /* Light colored tags */ 851 | #threadTree > treechildren::-moz-tree-cell-text(lc-00CCCC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-33CCFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-33FF33, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-33FFFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-66CCCC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-66FF99, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-66FFFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-999999, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-9999FF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-99FF99, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-99FFFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-C0C0C0, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CCCCCC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CCCCFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CCFFFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF9966, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF99FF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC00, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC33, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC66, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCC99, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCCCC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFCCFF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF00, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF33, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF66, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFFF99, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FFFFCC, selected, focus) { 852 | color: #404040 !important; 853 | } 854 | 855 | /* Dark or vivid tags */ 856 | #threadTree > treechildren::-moz-tree-cell-text(lc-000000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-000066, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-000099, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-003300, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-003333, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-006600, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-009900, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-330000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-330033, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-330099, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-333300, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-333333, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-333399, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-3333FF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-336666, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-3366FF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-339999, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-33CC00, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-660000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-6600CC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-663300, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-663333, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-663366, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-6633FF, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-666600, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-666666, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-6666CC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-990000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-993300, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-993399, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-996633, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-999900, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CC0000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CC33CC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CC6600, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CC66CC, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-CC9933, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF0000, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF6600, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF6666, selected, focus), #threadTree > treechildren::-moz-tree-cell-text(lc-FF9900, selected, focus) { 857 | color: white !important; 858 | } 859 | 860 | -------------------------------------------------------------------------------- /userChrome.css: -------------------------------------------------------------------------------- 1 | /*Copyright (C) 2017 Matthew Richardson 2 | 3 | This program is free software: you can redistribute it and/or modify 4 | it under the terms of the GNU General Public License as published by 5 | the Free Software Foundation, either version 3 of the License, or 6 | (at your option) any later version. 7 | 8 | This program is distributed in the hope that it will be useful, 9 | but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | GNU General Public License for more details. 12 | 13 | You should have received a copy of the GNU General Public License 14 | along with this program. If not, see . 15 | */ 16 | 17 | /* 18 | * Huge thanks to the following for their inspiration/guidance: 19 | * http://www.linnhe2.free-online.co.uk/thunderbird/chrome.html - For a very comprehensive guide to userChrome.css 20 | * https://monterail.com/blog/2016/the-power-of-email-clients-why-did-we-redesign-thunderbird?utm_source=Thunderbird&utm_campaign=Dribbble&utm_medium=blogpost%22 - For the initial inspiration to do this 21 | * http://www.omgubuntu.co.uk/2017/04/stunning-thunderbird-redesign-mockup - For alerting me to the beautiful mockup by monterail.com 22 | */ 23 | 24 | /* Uncomment to use square tabs (square tabs are enabled anyway for all except system.css) */ 25 | /* @import "tweaks/square-tabs.css"; */ 26 | 27 | /******************************************************************/ 28 | /*********************** SELECT THEME HERE ************************/ 29 | @import "themes/system.css"; 30 | /******************************************************************/ 31 | /******************************************************************/ 32 | 33 | /* Uncommment to use the dark folder pane style when using the system theme with dark menus */ 34 | @import "tweaks/dark-folder-pane.css"; 35 | 36 | /* Select icon theme (leave commented to use default for the selected theme)*/ 37 | /* @import "icons/lightIcons.css"; /*For dark Folder Tree and Message List*/ 38 | /* @import "icons/lightDarkIcons.css"; /*For dark Folder Tree, with a light Message List*/ 39 | /* @import "icons/darkIcons.css"; /*For light Folder Tree and Message List*/ 40 | 41 | 42 | /****************************************************************************/ 43 | /******** Variables: Uncomment and Edit these for easy customisation ********/ 44 | /****************************************************************************/ 45 | :root { 46 | /*---- General Options ----*/ 47 | /*--default-font: var(--light-sans-font); /* Change to var(--system-font) to use your default font, or specify a font name */ 48 | /*--menu-text-color: MenuText;*/ 49 | 50 | /*---- Highlight Colors - Used if more specific ones aren't specified below ----/ 51 | /*--highlight-color: Highlight;*/ 52 | /*--highlight-text-color: HighlightText;*/ 53 | 54 | /*---- Tree Views (Folder Tree/Message List) General Options ----*/ 55 | /*--tree-row-highlight-background-color: var(--highlight-color);*/ 56 | /*--tree-row-highlight-text-color: var(--highlight-text-color);*/ 57 | 58 | /*---- Folder Tree ----*/ 59 | /*--folder-tree-background-color: Menu;*/ 60 | /*--folder-tree-text-color: MenuText;*/ 61 | /*--folder-tree-row-height: 25px;*/ 62 | /*--folder-tree-highlight-background-color: var(--tree-row-highlight-background-color);*/ 63 | /*--folder-tree-highlight-text-color: var(--tree-row-highlight-text-color);*/ 64 | 65 | /*---- Message List ----*/ 66 | /*--message-list-header-background-color: Dialog;*/ 67 | /*--message-list-background-color: none;*/ 68 | /*--message-list-text-color: WindowText;*/ 69 | /*--message-list-row-height: 40px;*/ 70 | /*--message-list-highlight-background-color: var(--tree-row-highlight-background-color);*/ 71 | /*--message-list-highlight-text-color: var(--tree-row-highlight-text-color);*/ 72 | 73 | /*---- Scollbar ----*/ 74 | /*--scrollbar-thumb-color: rgba(127,127,127,0.5);*/ 75 | /*--scrollbar-thumb-hover-color: var(--highlight-color);*/ 76 | 77 | /*---- Message Headers (To/Subject/From etc) ----*/ 78 | /*--subject-line-font-size: 150%;*/ 79 | /*--headers-background-color: transparent;*/ 80 | /*--headers-text-color: WindowText;*/ 81 | } 82 | /****************************************************************************/ 83 | /****************************************************************************/ 84 | /****************************************************************************/ 85 | 86 | 87 | --------------------------------------------------------------------------------