Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-09 09:27:03 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow themes in mobile mode

Browse source 
Cleanup themes and drop the template.less
This commit is contained in:
djmaze 2021-02-06 23:37:53 +01:00
parent 4f1fc5f44b
commit 48424e213b
34 changed files with 722 additions and 741 deletions
Download patch file Download diff file Expand all files Collapse all files

87
snappymail/v/0.0.0/themes/A/styles.less
View file

@ -1,48 +1,53 @@
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #48525C;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #fff;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #fff;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.8);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.8);
--login-box-shadow: none;
--login-border: none;
--login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

91
snappymail/v/0.0.0/themes/Blurred/styles.less
View file

@ -1,50 +1,55 @@
// MAIN
@main-color: #333;
@main-background-color: #563c55;
@main-background-image: "images/background.jpg";
@main-background-size: cover;
:root {
// MAIN
--main-color: #333;
--main-bg-color: #563c55;
--main-bg-image: url("@{base}images/background.jpg");
--main-bg-size: cover;
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #ddd;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(255,255,255,0.3);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(255,255,255,0.3);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(255,255,255,0.3);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(255,255,255,0.3);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(255,255,255,0.3);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(255,255,255,0.3);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(255,255,255,0.3);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(255,255,255,0.3);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(255,255,255,0.3);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(255,255,255,0.3);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(255,255,255,0.3);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(255,255,255,0.3);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

6
snappymail/v/0.0.0/themes/Clear/styles.less
View file

@ -1,3 +1,5 @@
@spinner-background: rgba(255,255,255,.4);
@spinner-color: #666;
:root {
--spinner-background: rgba(255,255,255,.4);
--spinner-color: #666;
}

91
snappymail/v/0.0.0/themes/DarkShine/styles.less
View file

@ -1,50 +1,55 @@
// MAIN
@main-color: #333;
@main-background-color: #AD455C;
@main-background-image: "images/background.jpg";
@main-background-size: cover;
:root {
// MAIN
--main-color: #333;
--main-bg-color: #AD455C;
--main-bg-image: url("@{base}images/background.jpg");
--main-bg-size: cover;
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #ddd;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(255,255,255,0.3);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(255,255,255,0.3);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(255,255,255,0.3);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(255,255,255,0.3);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(255,255,255,0.3);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(255,255,255,0.3);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(255,255,255,0.3);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(255,255,255,0.3);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(255,255,255,0.3);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(255,255,255,0.3);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(255,255,255,0.3);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(255,255,255,0.3);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

89
snappymail/v/0.0.0/themes/Default/styles.less
View file

@ -1,49 +1,54 @@
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #48525C;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #ddd;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

85
snappymail/v/0.0.0/themes/Linen/styles.less
View file

@ -1,47 +1,52 @@
// MAIN
@main-color: #333;
@main-background-color: #eee;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #eee;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #000;
// LOADING
--loading-color: #000;
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: none;
--login-border: none;
--login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #757575;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #757575;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #999;
@folders-selected-color: #eee;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #eee;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #eee;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #eee;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #333;
--folders-disabled-color: #999;
--folders-selected-color: #eee;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #eee;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #eee;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #eee;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #333;
--settings-menu-disabled-color: #999;
--settings-menu-selected-color: #eee;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #eee;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

89
snappymail/v/0.0.0/themes/Love/styles.less
View file

@ -1,49 +1,54 @@
// MAIN
@main-color: #333;
@main-background-color: #B3274E;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #B3274E;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #fff;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #fff;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #490915;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #490915;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(0,0,0,0.3);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(0,0,0,0.3);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(0,0,0,0.3);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(0,0,0,0.3);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(0,0,0,0.3);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(0,0,0,0.3);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(0,0,0,0.3);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.3);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

BIN
snappymail/v/0.0.0/themes/Mobile/images/preview.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 95 B

3
snappymail/v/0.0.0/themes/Mobile/styles.less
View file

@ -1,3 +0,0 @@
@spinner-background: rgba(255,255,255,.4);
@spinner-color: #666;

89
snappymail/v/0.0.0/themes/Snow/styles.less
View file

@ -1,49 +1,54 @@
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #48525C;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #fff;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #fff;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.6);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #fff;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.6);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #fff;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

87
snappymail/v/0.0.0/themes/Squares/styles.less
View file

@ -1,49 +1,54 @@
// MAIN
@main-color: #333;
@main-background-color: #eee;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #eee;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #000;
// LOADING
--loading-color: #000;
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: none;
--login-border: none;
--login-border-radius: 7px;
@spinner-background: rgba(0,0,0,.2);
--spinner-background: rgba(0,0,0,.2);
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #757575;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #757575;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #999;
@folders-selected-color: #eee;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #eee;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #eee;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #eee;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #333;
--folders-disabled-color: #999;
--folders-selected-color: #eee;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #eee;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #eee;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #eee;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #333;
--settings-menu-disabled-color: #999;
--settings-menu-selected-color: #eee;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #eee;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

89
snappymail/v/0.0.0/themes/SquaresDark/styles.less
View file

@ -1,49 +1,54 @@
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #48525C;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #ddd;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #aaa;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

87
snappymail/v/0.0.0/themes/Stripes/styles.less
View file

@ -1,48 +1,53 @@
// MAIN
@main-color: #333;
@main-background-color: #010101;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #010101;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #fff;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOADING
--loading-color: #fff;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #333;
@login-background-color: rgba(255,255,255,0.5);
@login-border: none;
@login-border-radius: 7px;
@powered-color: #ddd;
// LOGIN
--login-color: #333;
--login-bg-color: rgba(255,255,255,0.5);
--login-border: none;
--login-border-radius: 7px;
--login-switch-color: #ddd;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #010101;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #010101;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #999;
@folders-selected-color: #fff;
@folders-selected-background-color: rgba(255,255,255,0.3);
@folders-focused-color: #fff;
@folders-focused-background-color: rgba(255,255,255,0.5);
@folders-hover-color: #fff;
@folders-hover-background-color: rgba(255,255,255,0.3);
@folders-drop-color: #fff;
@folders-drop-background-color: rgba(255,255,255,0.3);
// FOLDERS
--folders-color: #fff;
--folders-disabled-color: #999;
--folders-selected-color: #fff;
--folders-selected-bg-color: rgba(255,255,255,0.3);
--folders-focused-color: #fff;
--folders-focused-bg-color: rgba(255,255,255,0.5);
--folders-hover-color: #fff;
--folders-hover-bg-color: rgba(255,255,255,0.3);
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(255,255,255,0.3);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: rgba(255,255,255,0.3);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: rgba(255,255,255,0.3);
// SETTINGS
--settings-menu-color: #fff;
--settings-menu-disabled-color: #999;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(255,255,255,0.3);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(255,255,255,0.3);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

89
snappymail/v/0.0.0/themes/Wood/styles.less
View file

@ -1,50 +1,55 @@
// MAIN
@main-color: #333;
@main-background-color: #F4D59F;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #F4D59F;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #000;
@loading-text-shadow: none;
// LOADING
--loading-color: #000;
--loading-text-shadow: none;
// LOGIN
@login-color: #333;
@login-background-color: rgba(255,255,255,0.7);
@login-border: none;
@login-border-radius: 7px;
// LOGIN
--login-color: #333;
--login-bg-color: rgba(255,255,255,0.7);
--login-border: none;
--login-border-radius: 7px;
@spinner-background: rgba(255,255,255,.4);
@spinner-color: #666;
--spinner-background: rgba(255,255,255,.4);
--spinner-color: #666;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #F4D59F;
@dropdown-menu-hover-color: #333;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #F4D59F;
--dropdown-menu-hover-color: #333;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #999;
@folders-selected-color: #333;
@folders-selected-background-color: rgba(255,255,255,0.5);
@folders-focused-color: #333;
@folders-focused-background-color: rgba(255,255,255,0.7);
@folders-hover-color: #333;
@folders-hover-background-color: rgba(255,255,255,0.5);
@folders-drop-color: #333;
@folders-drop-background-color: rgba(255,255,255,0.5);
// FOLDERS
--folders-color: #333;
--folders-disabled-color: #999;
--folders-selected-color: #333;
--folders-selected-bg-color: rgba(255,255,255,0.5);
--folders-focused-color: #333;
--folders-focused-bg-color: rgba(255,255,255,0.7);
--folders-hover-color: #333;
--folders-hover-bg-color: rgba(255,255,255,0.5);
--folders-drop-color: #333;
--folders-drop-bg-color: rgba(255,255,255,0.5);
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #333;
@settings-menu-selected-background-color: rgba(255,255,255,0.5);
@settings-menu-hover-color: #333;
@settings-menu-hover-background-color: rgba(255,255,255,0.5);
// SETTINGS
--settings-menu-color: #333;
--settings-menu-disabled-color: #999;
--settings-menu-selected-color: #333;
--settings-menu-selected-bg-color: rgba(255,255,255,0.5);
--settings-menu-hover-color: #333;
--settings-menu-hover-bg-color: rgba(255,255,255,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

85
snappymail/v/0.0.0/themes/Xv/styles.less
View file

@ -1,47 +1,52 @@
// MAIN
@main-color: #333;
@main-background-color: #eee;
@main-background-image: "images/background.jpg";
:root {
// MAIN
--main-color: #333;
--main-bg-color: #eee;
--main-bg-image: url("@{base}images/background.jpg");
// LOADING
@loading-color: #000;
// LOADING
--loading-color: #000;
// LOGIN
@login-color: #eee;
@login-background-color: rgba(0,0,0,0.5);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// LOGIN
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: none;
--login-border: none;
--login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #757575;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #757575;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #999;
@folders-selected-color: #eee;
@folders-selected-background-color: rgba(0,0,0,0.5);
@folders-focused-color: #eee;
@folders-focused-background-color: rgba(0,0,0,0.7);
@folders-hover-color: #eee;
@folders-hover-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #eee;
@folders-drop-background-color: rgba(0,0,0,0.5);
// FOLDERS
--folders-color: #333;
--folders-disabled-color: #999;
--folders-selected-color: #eee;
--folders-selected-bg-color: rgba(0,0,0,0.5);
--folders-focused-color: #eee;
--folders-focused-bg-color: rgba(0,0,0,0.7);
--folders-hover-color: #eee;
--folders-hover-bg-color: rgba(0,0,0,0.5);
--folders-drop-color: #eee;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: rgba(0,0,0,0.5);
// SETTINGS
--settings-menu-color: #333;
--settings-menu-disabled-color: #999;
--settings-menu-selected-color: #eee;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #eee;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
}
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
background-repeat: repeat-x !important;
}

61
snappymail/v/0.0.0/themes/example.css Normal file
View file

@ -0,0 +1,61 @@
:root {
// MAIN
--main-color: #333;
--main-bg-color: #e3e3e3;
--main-bg-image: none; // "images/background.png"
--main-bg-size: inherit;
// LOADING
--loading-color: #000; // #ddd
--loading-text-shadow: none; // 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
--login-color: #555;
--login-bg-color: #eee;
--login-box-shadow: none; // 0px 2px 10px rgba(0,0,0,0.5)
--login-border: 1px solid #ccc;
--login-border-radius: 7px;
--login-gradient-start: none; // #f4f4f4
--login-gradient-end: none; // #dfdfdf
--login-switch-color: #333;
--spinner-background: rgba(0,0,0,.3);
--spinner-color: #fff;
// MENU
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #444;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disabled-color: #999;
--dropdown-menu-selected-bg-color: #eee;
// FOLDERS
--folders-color: #333;
--folders-disabled-color: #666;
--folders-selected-color: #eee;
--folders-selected-bg-color: #333;
--folders-focused-color: #eee;
--folders-focused-bg-color: #333;
--folders-hover-color: #eee;
--folders-hover-bg-color: false;
--folders-drop-color: #eee;
--folders-drop-bg-color: #333;
// SETTINGS
--settings-menu-color: #333;
--settings-menu-disabled-color: #666;
--settings-menu-selected-color: #eee;
--settings-menu-selected-bg-color: #333;
--settings-menu-hover-color: #eee;
--settings-menu-hover-bg-color: #333;
// MESSAGE LIST
--message-list-toolbar-bg-color: #eee;
--message-list-toolbar-gradient-start: none; // #f4f4f4
--message-list-toolbar-gradient-end: none; // #dfdfdf
// MESSAGE
--message-bg-color: #fff;
}