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.

Sign up for GitHub

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

Light theme fix #94

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Light theme fix #94

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b49f1de
Fixes light theme
conema Feb 6, 2018
d102a42
Header fix for light theme
conema Feb 7, 2018
1cb2e06
Close icon padding
conema Feb 7, 2018
5d8a31c
Merge branch 'master' into light-theme-fix
conema Feb 7, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions icons/darkIcons.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@
/* ..... twisty ..... */
treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-dark.svg") !important; padding: 0 5px !important; }
treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-dark.svg") !important; padding: 0 5px !important; }
#folderTree treechildren:-moz-tree-twisty { list-style-image: url("folder-pane/twisty-dark.svg") !important; }
#folderTree treechildren:-moz-tree-twisty(open) { list-style-image: url("folder-pane/twisty-expanded-dark.svg") !important; }

/******* Message view icons ********/
#folderTree treechildren::-moz-tree-image, #threadTree treechildren::-moz-tree-image {
Expand Down
62 changes: 56 additions & 6 deletions themes/light.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,17 +33,18 @@
:root {
/*---- General Options ----*/
--light-color: #EFF0F1;
--dark-color: #3c3b37;
--light-text-color: #31363B;
--light-white-background: white;
--light-light-background: var(--light-color);
--light-light-text-color: var(--light-text-color);

/*** Set active tab background color: ***/
--fgTabBackgroundColor: var(--light-light-background) !important;

--menu-text-color: var(--light-text-color);
--menu-text-color: var(--light-color);

/*** These highlight colors are used if more specific ones aren't specified below ***/
--highlight-color: #3DAEE9;
--highlight-color: #F07746;
--highlight-text-color: var(--light-light-text-color);

/*---- Tree Views (Folder Tree/Message List) General Options ----*/
Expand All @@ -55,7 +56,7 @@
--folder-tree-text-color: var(--light-text-color);
--folder-tree-row-height: 25px;
--folder-tree-highlight-background-color: var(--highlight-color);
--folder-tree-highlight-text-color: var(--folder-tree-text-color);
--folder-tree-highlight-text-color: var(--light-color);

/*---- Message List ----*/
--message-list-header-background-color: var(--light-light-background);
Expand All @@ -64,7 +65,7 @@
--message-list-text-color: var(--light-light-text-color);
--message-list-row-height: 40px;
--message-list-highlight-background-color: var(--tree-row-highlight-background-color);
--message-list-highlight-text-color: var(--tree-row-highlight-text-color);
--message-list-highlight-text-color: var(--light-color);

/*---- Scollbar ----*/
--scrollbar-thumb-color: rgba(127,127,127,0.5);
Expand All @@ -82,7 +83,7 @@
@media(-moz-windows-glass: 0) {
#navigation-toolbox {
-moz-appearance: none !important;
background: var(--light-color) !important;
background: var(--dark-color) !important;
}
}

Expand Down Expand Up @@ -135,3 +136,52 @@ menuseparator {
border-bottom: 1px solid rgba(127,127,127,0.2) !important;
}

#mail-toolbox {
border: none !important;
border-bottom: 1px solid rgba(127,127,127,0.2) !important;
}

/*---- Titlebar button ----*/

#titlebar-min {
list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#minimize-white) !important;
}

#titlebar-max {
list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#maximize-white) !important;
}

#titlebar-close {
list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#close-white) !important;
}

#messengerWindow[sizemode="maximized"] #titlebar-max {
list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#restore-white) !important;
}

/*---- Calendar & Tast button on top right header ----*/
#calendar-tab-button, #task-tab-button{
background-color: #eff0f1 !important;
}

/*---- Folder close icon ----*/
.close-icon{
list-style-image: url(chrome://messenger/skin/icons/caption-buttons.svg#close-white) !important;
-moz-image-region: rect(0px, 16px, 12px, -4px) !important;
}

.close-icon:hover{
list-style-image: url(chrome://global/skin/icons/close.png) !important;
-moz-image-region: rect(0, 40px, 20px, 20px) !important;
}

.close-icon[selected="true"]{
list-style-image: url(chrome://global/skin/icons/close.png) !important;
-moz-image-region: rect(0, 20px, 20px, 0) !important;
}

.close-icon[selected="true"]:hover{
list-style-image: url(chrome://global/skin/icons/close.png) !important;
-moz-image-region: rect(0, 40px, 20px, 20px) !important;
}

2 changes: 1 addition & 1 deletion userChrome.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
/******************************************************************/

/* Uncommment to use the dark folder pane style when using the system theme with dark menus */
@import "tweaks/dark-folder-pane.css";
/* @import "tweaks/dark-folder-pane.css"; */

/* Select icon theme (leave commented to use default for the selected theme)*/
/* @import "icons/lightIcons.css"; /*For dark Folder Tree and Message List*/
Expand Down