Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-08 17:07: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

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;
}