+
diff --git a/snappymail/v/0.0.0/themes/A/styles.less b/snappymail/v/0.0.0/themes/A/styles.less
index 515b6721f..60014f361 100644
--- a/snappymail/v/0.0.0/themes/A/styles.less
+++ b/snappymail/v/0.0.0/themes/A/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Blurred/styles.less b/snappymail/v/0.0.0/themes/Blurred/styles.less
index d098cc995..a5808a602 100644
--- a/snappymail/v/0.0.0/themes/Blurred/styles.less
+++ b/snappymail/v/0.0.0/themes/Blurred/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Clear/styles.less b/snappymail/v/0.0.0/themes/Clear/styles.less
index fbca4f5dc..cda017b32 100644
--- a/snappymail/v/0.0.0/themes/Clear/styles.less
+++ b/snappymail/v/0.0.0/themes/Clear/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/DarkShine/styles.less b/snappymail/v/0.0.0/themes/DarkShine/styles.less
index da3f8a02e..13886fa37 100644
--- a/snappymail/v/0.0.0/themes/DarkShine/styles.less
+++ b/snappymail/v/0.0.0/themes/DarkShine/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Default/styles.less b/snappymail/v/0.0.0/themes/Default/styles.less
index 52d026ad2..07f8b0dc0 100644
--- a/snappymail/v/0.0.0/themes/Default/styles.less
+++ b/snappymail/v/0.0.0/themes/Default/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Linen/styles.less b/snappymail/v/0.0.0/themes/Linen/styles.less
index 354c5132c..3e360cef0 100644
--- a/snappymail/v/0.0.0/themes/Linen/styles.less
+++ b/snappymail/v/0.0.0/themes/Linen/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Love/styles.less b/snappymail/v/0.0.0/themes/Love/styles.less
index 6f163db06..14bbbd9c6 100644
--- a/snappymail/v/0.0.0/themes/Love/styles.less
+++ b/snappymail/v/0.0.0/themes/Love/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Mobile/images/preview.png b/snappymail/v/0.0.0/themes/Mobile/images/preview.png
deleted file mode 100644
index 11af2fbe4..000000000
Binary files a/snappymail/v/0.0.0/themes/Mobile/images/preview.png and /dev/null differ
diff --git a/snappymail/v/0.0.0/themes/Mobile/styles.less b/snappymail/v/0.0.0/themes/Mobile/styles.less
deleted file mode 100644
index fbca4f5dc..000000000
--- a/snappymail/v/0.0.0/themes/Mobile/styles.less
+++ /dev/null
@@ -1,3 +0,0 @@
-
-@spinner-background: rgba(255,255,255,.4);
-@spinner-color: #666;
diff --git a/snappymail/v/0.0.0/themes/Snow/styles.less b/snappymail/v/0.0.0/themes/Snow/styles.less
index 3143cfdb6..57d21bcf2 100644
--- a/snappymail/v/0.0.0/themes/Snow/styles.less
+++ b/snappymail/v/0.0.0/themes/Snow/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Squares/styles.less b/snappymail/v/0.0.0/themes/Squares/styles.less
index 044eef6f8..c71d24eee 100644
--- a/snappymail/v/0.0.0/themes/Squares/styles.less
+++ b/snappymail/v/0.0.0/themes/Squares/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/SquaresDark/styles.less b/snappymail/v/0.0.0/themes/SquaresDark/styles.less
index 52d026ad2..07f8b0dc0 100644
--- a/snappymail/v/0.0.0/themes/SquaresDark/styles.less
+++ b/snappymail/v/0.0.0/themes/SquaresDark/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Stripes/styles.less b/snappymail/v/0.0.0/themes/Stripes/styles.less
index 912764150..36719e130 100644
--- a/snappymail/v/0.0.0/themes/Stripes/styles.less
+++ b/snappymail/v/0.0.0/themes/Stripes/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Wood/styles.less b/snappymail/v/0.0.0/themes/Wood/styles.less
index 105bcdd88..0d3a18473 100644
--- a/snappymail/v/0.0.0/themes/Wood/styles.less
+++ b/snappymail/v/0.0.0/themes/Wood/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/Xv/styles.less b/snappymail/v/0.0.0/themes/Xv/styles.less
index 354c5132c..3e360cef0 100644
--- a/snappymail/v/0.0.0/themes/Xv/styles.less
+++ b/snappymail/v/0.0.0/themes/Xv/styles.less
@@ -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;
+}
diff --git a/snappymail/v/0.0.0/themes/example.css b/snappymail/v/0.0.0/themes/example.css
new file mode 100644
index 000000000..b14020e0e
--- /dev/null
+++ b/snappymail/v/0.0.0/themes/example.css
@@ -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;
+}