Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added theme "LightRed" #106

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
13 changes: 11 additions & 2 deletions README.md
@@ -1,3 +1,12 @@
# What I added to spymastermatt's work

I added a Light Red theme, changing colors and icons from light blue to red and white, highly based on the Light theme.

## Screenshot

![alt text](https://raw.githubusercontent.com/BDeliers/thunderbird-monterail/master/screenshots/lightRed.png)

# Original README :
# thunderbird-monterail

This is a set of userChrome.css files to change the look of Thunderbird, inspired by the mockup by Monterail here:
Expand Down Expand Up @@ -25,9 +34,9 @@ In **macOS (OSX)**, it must be extracted in `/home/[user]/Library/Thunderbird/Pr

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.

Rename the extracted *thunderbird-monterail* folder to *chrome*, edit userChrome.css to choose your theme variant, and restart thunderbird.
Rename the extracted *thunderbird-monterail* folder to *chrome*, edit userChrome.css to choose your theme variant, and restart thunderbird.

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)
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)

You can customise various values, including almost all colors, the fonts and some of the sizing by editing the variables in userChrome.css

Expand Down
137 changes: 137 additions & 0 deletions icons/darkIconsRed.css
@@ -0,0 +1,137 @@
/*Copyright (C) 2017 Matthew Richardson

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

/* ..... twisty ..... */
treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-gray.svg") !important; padding: 0 5px !important; }
treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-gray.svg") !important; padding: 0 5px !important; }
treechildren:-moz-tree-twisty(selected) { list-style-image: url("folder-pane/twisty-white.svg") !important; padding: 0 5px !important; }
treechildren:-moz-tree-twisty(open,selected) { list-style-image: url("folder-pane/twisty-expanded-white.svg") !important; padding: 0 5px !important; }

/******* Message view icons ********/
#folderTree treechildren::-moz-tree-image, #threadTree treechildren::-moz-tree-image {
width: 14px !important;
-moz-image-region: rect(0px 12px 12px 0px) !important;
}

#threadCols {
padding-left: 5px !important;
padding-right: 5px !important;
}

#threadTree treechildren {
margin-left: 5px !important;
margin-right: 5px !important;
}

/* ..... thread column ..... */
treechildren::-moz-tree-image(threadCol) { list-style-image: url("message-list/thread-dark.svg") !important; }

/* ..... read column ..... */
.readColumnHeader { list-style-image: url("message-list/read-header-dark.svg") !important; }
treechildren::-moz-tree-image(unreadButtonColHeader) { list-style-image: url("message-list/dot-read.svg") !important; }
treechildren::-moz-tree-image(unreadButtonColHeader, unread) { list-style-image: url("message-list/dot-unread.svg") !important; }
/* Unread and read are reversed for dark themes */

/* ..... attachment column ..... */
.attachmentColumnHeader { list-style-image: url("message-list/paperclip-header-dark.svg") !important; }
treechildren::-moz-tree-image(attachmentCol, attach) { list-style-image: url("message-list/paperclip-header-dark.svg") !important; }
treechildren::-moz-tree-image(attachmentCol, attach, selected) { list-style-image: url("message-list/paperclip-header-light.svg") !important; }

/* ..... flag/star column ..... */
.flagColumnHeader { list-style-image: url("message-list/star-header-dark.svg") !important; }
treechildren::-moz-tree-image(flaggedCol) { list-style-image: url("message-list/star-empty.svg") !important; }
treechildren::-moz-tree-image(flaggedCol, flagged) { list-style-image: url("message-list/star-filled.svg") !important; }

/* ..... junkStatus column ..... */
.junkStatusHeader { list-style-image: url("message-list/flame-junk-header-dark.svg") !important; }
treechildren::-moz-tree-image(junkStatusCol) { list-style-image: url("message-list/flame-empty.svg") !important; }
treechildren::-moz-tree-image(junkStatusCol, junk) { list-style-image: url("message-list/flame-junk.svg") !important; }
treechildren::-moz-tree-image(junkStatusCol, notjunk) { list-style-image: url("message-list/flame-empty.svg") !important; }
treechildren::-moz-tree-image(junkStatusCol, selected) { list-style-image: url("message-list/flame-empty-light.svg") !important; }
treechildren::-moz-tree-image(junkStatusCol, notjunk, selected) { list-style-image: url("message-list/flame-empty-light.svg") !important; }

/******** Message view reply etc *********/
treechildren::-moz-tree-image(subjectCol) {
-moz-margin-end: 2px;
list-style-image: url("message-list/thread-dark.png") !important;
}

treechildren::-moz-tree-image(subjectCol, forwarded) { list-style-image: url("message-list/forwarded-dark.svg") !important; }

treechildren::-moz-tree-image(subjectCol, replied) { list-style-image: url("message-list/replied-dark.svg") !important; }

treechildren::-moz-tree-image(subjectCol, replied, forwarded) { list-style-image: url("message-list/replied-forwarded-dark.svg") !important; }

treechildren::-moz-tree-image(subjectCol, forwarded, selected) { list-style-image: url("message-list/forwarded-light.svg") !important; }

treechildren::-moz-tree-image(subjectCol, replied, selected) { list-style-image: url("message-list/replied-light.svg") !important; }

treechildren::-moz-tree-image(subjectCol, replied, forwarded, selected) { list-style-image: url("message-list/replied-forwarded-light.svg") !important; }

treechildren::-moz-tree-image(subjectCol, new) { list-style-image: url("message-list/new.svg") !important; }



/* ::::: Folder icons for menus ::::: */

/* Folders */
treechildren::-moz-tree-image(folderNameCol) { list-style-image: url("folder-pane/folder-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, selected) { list-style-image: url("folder-pane/folder-white.svg") !important; }

/* Newsgroup */
treechildren::-moz-tree-image(folderNameCol, serverType-nntp) { list-style-image: url("folder-pane/news-dark.svg") !important; }

/* Feed */
treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true) { list-style-image: url("folder-pane/rss-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true, selected) { list-style-image: url("folder-pane/rss-white.svg") !important; }

#folderTree treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) { list-style-image: url("folder-pane/inbox-gray.svg") !important; }
#folderTree treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox, selected) { list-style-image: url("folder-pane/inbox-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) { list-style-image: url("folder-pane/sent-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent, selected) { list-style-image: url("folder-pane/sent-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder-pane/outbox-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox, selected) { list-style-image: url("folder-pane/outbox-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) { list-style-image: url("folder-pane/drafts-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts, selected) { list-style-image: url("folder-pane/drafts-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) { list-style-image: url("folder-pane/template-dark.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) { list-style-image: url("folder-pane/flame-junk-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk, selected) { list-style-image: url("folder-pane/flame-junk-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) { list-style-image: url("folder-pane/trash-red.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash, selected) { list-style-image: url("folder-pane/trash-white.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) { list-style-image: url("folder-pane/archive.svg") !important; }

treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) { list-style-image: url("folder-pane/folder-search.svg") !important; }

/** IMAP/POP/movemail account nodes */
treechildren::-moz-tree-image(folderNameCol, isServer-true) { list-style-image: url("folder-pane/email-account-gray.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, isServer-true, selected) { list-style-image: url("folder-pane/email-account-white.svg") !important; }

/* Local folders account node */
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) { list-style-image: url("folder-pane/local-account-gray.svg") !important; }
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none, selected) { list-style-image: url("folder-pane/local-account-white.svg") !important; }

/* News server */
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) { list-style-image: url("folder-pane/news-dark.svg") !important; }

/* Feed account node */
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) { list-style-image: url("folder-pane/news-dark.svg") !important; }
34 changes: 34 additions & 0 deletions icons/folder-pane/drafts-red.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 34 additions & 0 deletions icons/folder-pane/drafts-white.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 34 additions & 0 deletions icons/folder-pane/email-account-gray.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 34 additions & 0 deletions icons/folder-pane/email-account-white.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.