Simplify CSS code

dev/Styles/Admin/Layout.less

@@ -39,7 +39,7 @@
 	height: calc(100% - 50px - @rlLowMargin);
 	margin: 50px @rlLowMargin 0 0;
 
-	background-color: var(--settings-bg-clr, #fff);
+	background-color: var(--panel-bg-clr, #fff);
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);
 	box-shadow: var(--smMainShadow);

dev/Styles/Login.less

@@ -10,10 +10,6 @@
 	z-index: 5;
 }
 
-@glass-color: #fff;
-@glass-error-color: #f76260;
-@glass-m-color: rgba(255, 255, 255, .8);
-
 .LoginView {
 
 	.descWrapper {
@@ -29,18 +25,18 @@
 		border: var(--login-border, 1px solid rgba(255, 255, 255, .2));
 		border-radius: var(--login-border-radius, 7px);
 		box-shadow: var(--login-box-shadow);
-		color: var(--login-color, @glass-m-color);
+		color: var(--login-color, rgba(255, 255, 255, .8));
 		margin: 0;
 		padding: 40px 40px 20px 40px;
 		position: relative;
 
 		* {
-			color: var(--login-color, @glass-m-color);
+			color: var(--login-color, rgba(255, 255, 255, .8));
 		}
 
 		.controls.error * {
-			color: @glass-error-color;
+			color: #f76260;
-			border-color: @glass-error-color;
+			border-color: #f76260;
 		}
 
 		&.submitting > * {
@@ -77,17 +73,17 @@
 		padding-right: 30px;
 
 		&:placeholder {
-			color: @glass-color;
+			color: #fff;
 		}
 
 		&:focus, &:hover {
-			border-color: @glass-color;
+			border-color: #fff;
 		}
 	}
 
 	input, .btn {
 		background: none;
-		border: 1px solid @glass-m-color;
+		border: 1px solid rgba(255, 255, 255, .8);
 	}
 
 	.fontastic + input {
@@ -107,7 +103,7 @@
 		font-size: 13px;
 
 		&:hover, &:active {
-			border-color: @glass-color;
+			border-color: #fff;
 		}
 	}
 

dev/Styles/Ui.less

@@ -158,18 +158,6 @@ summary.legend {
 	padding: 0 9px;
 }
 
-.alert a:not(.close) {
-	text-decoration: underline;
-}
-
-.alert.alert-info a:not(.close) {
-	color: var(--info-clr, #3a87ad);
-}
-
-.alert.alert-error a:not(.close) {
-	color: var(--error-clr, #b94a48);
-}
-
 @media screen and (max-width: @maxMobileWidth) {
 	.form-horizontal {
 		.control-group {

dev/Styles/User/Compose.less

@@ -45,7 +45,7 @@
 		padding-top: 50px;
 		text-align: center;
 		font-size: 24px;
-		color: #666;
+		opacity: 0.5;
 		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	}
 
@@ -131,18 +131,20 @@
 		top: 5px;
 		bottom: 5px;
 
-		border: 2px #777 dashed;
+		border: 2px var(--border-color, #ddd) dashed;
 		z-index: 300;
 
 		line-height: 119px;
 		text-align: center;
-		background-color: #efefef;
+		background-color: var(--dialog-bg-clr, #fff);
 		font-size: 24px;
 
 		border-radius: 10px;
 
+		opacity: 0.9;
 		&.dragAndDropOver {
-			background-color: #fff;
+			border-color: var(--main-color, #fff);
+			opacity: 1;
 		}
 	}
 }

dev/Styles/User/FolderList.less

@@ -61,7 +61,6 @@
 
 	hr {
 		margin: 10px;
-		border-color: #999;
 	}
 
 	li {

dev/Styles/User/MessageList.less

@@ -22,7 +22,7 @@
 
 .messageList {
 	height: calc(100% - 60px);
-	background-color: #fff;
+	background-color: var(--panel-bg-clr, #fff);
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);
 	display: flex;
@@ -46,7 +46,7 @@
 	}
 
 	.b-footer {
-	    display: flex;
+		display: flex;
 		flex-shrink: 0;
 		padding: 7px;
 

dev/Styles/User/MessageView.less

@@ -37,7 +37,7 @@
 }
 
 .messageView {
-	background-color: #fff;
+	background-color: var(--panel-bg-clr, #fff);
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);
 	height: calc(100% - 50px);
@@ -126,7 +126,7 @@
 
 	.messageItemHeader {
 
-		background-color: #f8f8f8;
+		background-color: var(--message-header-bg-clr, #eee);
 		border-bottom: 1px solid var(--border-color, #bbb);
 		border-radius: var(--border-radius, 5px) var(--border-radius, 5px) 0 0;
 		padding: 10px;
@@ -201,7 +201,6 @@
 	}
 
 	.openpgp-control {
-		margin: 0.5em;
 		padding: 0.5em;
 
 		span {
@@ -234,9 +233,6 @@
 			display: none;
 		}
 	}
-	.b-text-part > iframe {
-		min-height: 50vh;
-	}
 
 	.thread-controls {
 		.dropdown-toggle {
@@ -257,7 +253,6 @@
 
 #messageItem {
 
-	color: #000;
 	height: 100%;
 	overflow: auto;
 	scroll-behavior: smooth;
@@ -269,11 +264,13 @@
 		padding: 50px 0;
 	}
 
+	.bodySubHeader {
+		background-color: var(--message-header-bg-clr, #eee);
+	}
 	.bodySubHeader > * {
-		background-color: #eee;
 		border-bottom: 1px solid var(--border-color, #bbb);
 		cursor: pointer;
-		padding: 10px 15px;
+		padding: 10px;
 	}
 
 	.pgpInfo {
@@ -286,14 +283,8 @@
 		}
 	}
 
-	.readReceipt {
-		background-color: #ffffd9;
-	}
-
 	.attachmentsPlace {
 
-		padding: 10px 10px 6px 10px;
-		background: #eee;
 		border-bottom: 1px solid var(--border-color, #bbb);
 		position: relative;
 
@@ -323,7 +314,6 @@
 
 	.attachmentsControls {
 		padding: 7px 5px 7px 14px;
-		background: #e8e8e8;
 		border-bottom: 1px solid var(--border-color, #bbb);
 	}
 	.attachmentsControls > * {
@@ -356,7 +346,7 @@
 		}
 
 		a {
-			color: blue;
+			color: var(--link-color, blue);
 			text-decoration: underline;
 
 			&:visited {

dev/Styles/User/Settings.less

@@ -35,7 +35,7 @@
 	padding:20px;
 	width: 100%;
 
-	background-color: var(--settings-bg-clr, #fff);
+	background-color: var(--panel-bg-clr, #fff);
 	border: 1px solid var(--border-color, #aaa);
 	border-radius: var(--border-radius, 5px);
 	box-shadow: var(--smMainShadow);

snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html

@@ -291,20 +291,20 @@
 								</menu>
 							</div>
 						</div>
-					</div>
 
-					<!-- ko if: message()?.pgpEncrypted() -->
+						<div data-bind="visible: message().pgpEncrypted()">
-					<div class="openpgp-control encrypted" data-bind="i18nUpdate: message, css: {'success': message().pgpDecrypted()}">
+							<div class="openpgp-control encrypted" data-bind="css: {'success': message().pgpDecrypted()}">
-						<span data-icon="🔒" data-i18n="OPENPGP/ENCRYPTED_MESSAGE"></span>
+								<span data-icon="🔒" data-i18n="OPENPGP/ENCRYPTED_MESSAGE"></span>
-						<button class="btn" data-bind="visible: pgpSupported, click: pgpDecrypt" data-i18n="OPENPGP/BUTTON_DECRYPT"></button>
+								<button class="btn" data-bind="visible: pgpSupported, click: pgpDecrypt" data-i18n="OPENPGP/BUTTON_DECRYPT"></button>
+							</div>
+						</div>
+						<div data-bind="visible: message().pgpSigned()">
+							<div class="openpgp-control signed" data-bind="css: {'success': message().pgpVerified() && message().pgpVerified().success, 'error': message().pgpVerified() && !message().pgpVerified().success}">
+								<span data-icon="✍" data-i18n="OPENPGP/SIGNED_MESSAGE"></span>
+								<button class="btn" data-bind="visible: pgpSupported, click: pgpVerify" data-i18n="OPENPGP/BUTTON_VERIFY"></button>
+							</div>
+						</div>
 					</div>
-					<!-- /ko -->
-					<!-- ko if: message()?.pgpSigned() -->
-					<div class="openpgp-control signed" data-bind="i18nUpdate: message, css: {'success': message().pgpVerified() && message().pgpVerified().success, 'error': message().pgpVerified() && !message().pgpVerified().success}">
-						<span data-icon="✍" data-i18n="OPENPGP/SIGNED_MESSAGE"></span>
-						<button class="btn" data-bind="visible: pgpSupported, click: pgpVerify" data-i18n="OPENPGP/BUTTON_VERIFY"></button>
-					</div>
-					<!-- /ko -->
 
 					<div class="bodyText"></div>
 				</div>

snappymail/v/0.0.0/themes/BlackWood/styles.css

@@ -6,6 +6,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -38,15 +43,29 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -74,17 +93,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -94,56 +105,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -164,19 +128,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/BlurredDark/styles.css

@@ -7,6 +7,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -39,15 +44,29 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -75,17 +94,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -95,56 +106,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -165,19 +129,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/LoveDark/styles.css

@@ -6,6 +6,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -38,15 +43,30 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -74,17 +94,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -94,56 +106,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -164,19 +129,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/NightShine/styles.css

@@ -6,6 +6,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -38,15 +43,30 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -74,17 +94,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -94,56 +106,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -164,19 +129,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/SnowDarkV1/styles.css

@@ -7,6 +7,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -39,15 +44,29 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -75,17 +94,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -95,56 +106,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -165,19 +129,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/SquaresDark/styles.css

@@ -6,7 +6,11 @@
 	--main-color: #fff;
 	--main-bg-color: #3C454D;
 	--main-bg-image: url("images/background.jpg");
+	--link-color: #6AE;
 	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #000;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -39,17 +43,26 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #000;
 	--settings-menu-color: #fff;
 	--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 */
+	/* MESSAGES */
 	--message-list-toolbar-bg-color: #222;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #000;
+	--dialog-border-clr: #555;
 
 	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #000;
+	--btn-border-clr: rgba(255,255,255,.20);
+
 	--input-clr: #fff;
 	--input-bg-clr: #000;
 	--input-border-clr: #aaa;
@@ -69,16 +82,11 @@
 
 .thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
 	background-image: linear-gradient(to bottom,#444,#111) !important;
-	background-repeat: repeat-x !important;
-	color: var(--main-color);
 }
 
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #000;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -88,45 +96,9 @@
 	border-color: #333;
 	border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #000;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .bodySubHeader > * {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-	color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -151,10 +123,6 @@
 	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
 	border-color: #999;

snappymail/v/0.0.0/themes/StripesDark/styles.css

@@ -6,6 +6,11 @@
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
 	--main-bg-size: cover;
+	--link-color: #6AE;
+	--border-color: #555;
+	--hr-color: #666;
+
+	--panel-bg-clr: #333;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -38,15 +43,29 @@
 	--folders-drop-bg-color: rgba(0,0,0,0.5);
 
 	/* SETTINGS */
-	--settings-bg-clr: #333;
 	--settings-menu-color: #fff;
 	--settings-menu-selected-color: #fff;
 	--settings-menu-selected-bg-color: #444;
 	--settings-menu-hover-color: #fff;
 	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
-	--message-list-toolbar-bg-color: #eee;
+	--message-list-toolbar-bg-color: #111;
+	--message-header-bg-clr: #222;
+
+	/* DIALOGS */
+	--dialog-clr: #fff;
+	--dialog-bg-clr: #333;
+	--dialog-border-clr: #555;
+
+	/* FORMS */
+	--btn-clr: #fff;
+	--btn-bg-clr: #222;
+	--btn-border-clr: rgba(255,255,255,.20);
+
+	--input-clr: #fff;
+	--input-bg-clr: #222;
+	--input-border-clr: #aaa;
 }
 
 ::-webkit-scrollbar {
@@ -74,17 +93,9 @@
 	color: #ccc;
 }
 
-.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
-    background-color: #111 !important;
-	color: var(--main-color);
-}
-
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
-	border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
-	color: var(--main-color);
 	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
-	background-color: #222;
 }
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
 .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
@@ -94,56 +105,9 @@
     border-color: #333;
     border-top-color: #ccc;
 }
-.btn .caret {
-	border-top-color: var(--main-color);
-}
-
-#rl-popups > dialog,
-.messageList,
-.messageView,
-.alert-info,
-#V-PopupsCompose .b-attachment-place {
-	background-color: #333;
-	border-color: #555;
-	color: var(--main-color);
-}
-
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
-.legend,
-.messageView #messageItem {
-	color: var(--main-color);
-}
-
-.rl-mobile .squire-toolbar,
-#V-PopupsCompose .b-attachment-place.dragAndDropOver {
-	background-color: #222;
-}
-
-.g-ui-link,
-.messageView .messageItemHeader .informationShort a,
-.messageView #messageItem .bodyText .b-text-part a {
-	color: #6AE;
-}
-
-.messageView .messageItemHeader,
-.messageView #messageItem .pgpEncrypted,
-.messageView #messageItem .pgpSigned,
-.messageView #messageItem .readReceipt,
-.messageView #messageItem .showImages,
-.messageView #messageItem .attachmentsPlace,
-.messageView #messageItem .attachmentsControls {
-	background-color: #222;
-	border-bottom-color: #444;
-}
 
 .messageListItem {
 	border-left-color: #111;
-    color: #EEE;
 }
 
 .table-hover tbody tr:hover td,
@@ -164,19 +128,10 @@ dialog header, dialog footer,
 	background: linear-gradient(#555 0%, #000 100%);
 }
 
-input, textarea, .select, select, .emailaddresses {
-    background-color: #222;
-    border-color: #aaa;
-    color: #fff;
-}
 .select, select {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+);
 }
 
-hr {
-	border-color: #666;
-}
-
 #messageItem .b-text-part blockquote,
 .b-settings-general .editMainIdentity {
     border-color: #999;

snappymail/v/0.0.0/themes/example.css

@@ -14,6 +14,8 @@
 	--border-radius: 5px;
 	--hr-color: #eee;
 
+	--panel-bg-clr: #fff;
+
 	--warning-clr: #c09853;
 	--warning-bg-clr: #fcf8e3;
 	--warning-border-clr: #fbeed5;
@@ -62,18 +64,15 @@
 	--unread-count-bg-color: #333;
 
 	/* SETTINGS */
-	--settings-bg-clr: #fff;
 	--settings-menu-color: #333;
 	--settings-menu-selected-color: #eee;
 	--settings-menu-selected-bg-color: #333;
 	--settings-menu-hover-color: #eee;
 	--settings-menu-hover-bg-color: #333;
 
-	/* MESSAGE LIST */
+	/* MESSAGES */
 	--message-list-toolbar-bg-color: #eee;
-
+	--message-header-bg-clr: #f8f8f8;
-	/* MESSAGE */
-	--message-bg-color: #fff;
 
 	/* DIALOGS */
 	--dialog-clr: #333;

vendors/bootstrap/less/alerts.less

@@ -33,10 +33,22 @@
 .alert-error {
   background-color: var(--error-bg-clr, #f2dede);
   border-color: var(--error-border-clr, #eed3d7);
-  color: var(--error-clr, #b94a48);
 }
 .alert-info {
   background-color: var(--info-bg-clr, #d9edf7);
   border-color: var(--info-border-clr, #bce8f1);
+}
+
+.alert a:not(.close) {
+  text-decoration: underline;
+}
+
+.alert-info,
+.alert.alert-info a:not(.close) {
   color: var(--info-clr, #3a87ad);
 }
+
+.alert-error,
+.alert.alert-error a:not(.close) {
+  color: var(--error-clr, #b94a48);
+}

vendors/bootstrap/less/buttons.less

@@ -16,8 +16,7 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  border: 1px solid var(--btn-border-clr, #bbb);
+  border: 1px solid var(--btn-border-clr, rgba(0,0,0,.20));
-  border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   color: var(--btn-clr, #333);
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);