themes improvements (#4472)

14 files changed, 86 insertions, 18 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 98dd4398e..7b98249c8 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -186,10 +186,14 @@ a.btn {
 }
 
 .btn-important:hover {
-	background: #0062b7;
+	background: #45699a;
 	color: #eee;
 }
 
+.btn-important .icon {
+	filter: brightness(3);
+}
+
 .btn-important:active {
 	background: #0044cb;
 	box-shadow: none;
@@ -312,7 +316,7 @@ a.btn {
 }
 
 .dropdown-menu::after {
-	border-color: #ddd;
+	border-color: #333;
 }
 
 .dropdown-header {
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 3b13d55a8..4336a1704 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -186,10 +186,14 @@ a.btn {
 }
 
 .btn-important:hover {
-	background: #0062b7;
+	background: #45699a;
 	color: #eee;
 }
 
+.btn-important .icon {
+	filter: brightness(3);
+}
+
 .btn-important:active {
 	background: #0044cb;
 	box-shadow: none;
@@ -312,7 +316,7 @@ a.btn {
 }
 
 .dropdown-menu::after {
-	border-color: #ddd;
+	border-color: #333;
 }
 
 .dropdown-header {
diff --git a/p/themes/Dark-pink/pinkdark.css b/p/themes/Dark-pink/pinkdark.css
index e47a997f5..4ccfbbb95 100644
--- a/p/themes/Dark-pink/pinkdark.css
+++ b/p/themes/Dark-pink/pinkdark.css
@@ -68,10 +68,6 @@
 	color: #4f5e78;
 }
 
-.dropdown-menu::after {
-	border-color: #ffb6c1;
-}
-
 input:focus {
 	outline: none;
 	border: 1px solid #ff449a;
@@ -125,5 +121,5 @@ input:focus {
 }
 
 #btn-add > img {
-	filter: invert(100%);
+	filter: brightness(0.75);
 }
diff --git a/p/themes/Dark-pink/pinkdark.rtl.css b/p/themes/Dark-pink/pinkdark.rtl.css
index 3ff3cb44d..9c88010e5 100644
--- a/p/themes/Dark-pink/pinkdark.rtl.css
+++ b/p/themes/Dark-pink/pinkdark.rtl.css
@@ -68,10 +68,6 @@
 	color: #4f5e78;
 }
 
-.dropdown-menu::after {
-	border-color: #ffb6c1;
-}
-
 input:focus {
 	outline: none;
 	border: 1px solid #ff449a;
@@ -125,5 +121,5 @@ input:focus {
 }
 
 #btn-add > img {
-	filter: invert(100%);
+	filter: brightness(0.75);
 }
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index e3272b99f..b93f7d7a1 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -204,11 +204,20 @@ a.btn {
 	background: linear-gradient(to top, #4a5d7a 0%, #26303f 100%);
 }
 
+.btn:hover .icon {
+	filter: brightness(1);
+}
+
 .btn.active,
 .dropdown-target:target ~ .btn.dropdown-toggle {
 	background: #333;
 }
 
+.btn.active .icon,
+.dropdown-target:target ~ .btn.dropdown-toggle .icon {
+	filter: brightness(1);
+}
+
 .btn:active {
 	background: #26303f;
 }
@@ -226,6 +235,10 @@ a.btn {
 	background: #26303f;
 }
 
+.btn-important .icon {
+	filter: brightness(1);
+}
+
 .btn-attention {
 	background: #801;
 }
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 1b4e37282..5dbcb4d83 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -204,11 +204,20 @@ a.btn {
 	background: linear-gradient(to top, #4a5d7a 0%, #26303f 100%);
 }
 
+.btn:hover .icon {
+	filter: brightness(1);
+}
+
 .btn.active,
 .dropdown-target:target ~ .btn.dropdown-toggle {
 	background: #333;
 }
 
+.btn.active .icon,
+.dropdown-target:target ~ .btn.dropdown-toggle .icon {
+	filter: brightness(1);
+}
+
 .btn:active {
 	background: #26303f;
 }
@@ -226,6 +235,10 @@ a.btn {
 	background: #26303f;
 }
 
+.btn-important .icon {
+	filter: brightness(1);
+}
+
 .btn-attention {
 	background: #801;
 }
diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss
index 062cfc2fd..0fc90894b 100644
--- a/p/themes/Mapco/_forms.scss
+++ b/p/themes/Mapco/_forms.scss
@@ -30,6 +30,10 @@
 		&:active {
 			background: variables.$main-first-alt;
 		}
+
+		img {
+			filter: brightness(3);
+		}
 	}
 
 
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 556d5316c..036c3ad60 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -81,6 +81,9 @@
 .btn.btn-important:hover, .btn.btn-important:active {
 	background: #25c;
 }
+.btn.btn-important img {
+	filter: brightness(3);
+}
 .btn.btn-attention {
 	background: #f5633e;
 	color: #fff;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index c16243b87..53844168e 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -81,6 +81,9 @@
 .btn.btn-important:hover, .btn.btn-important:active {
 	background: #25c;
 }
+.btn.btn-important img {
+	filter: brightness(3);
+}
 .btn.btn-attention {
 	background: #f5633e;
 	color: #fff;
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 6142dbb44..fcf7e3071 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -645,6 +645,10 @@ a.signin {
 	background-color: #fff;
 }
 
+.aside_feed .tree-folder .dropdown-toggle .icon {
+	filter: brightness(3);
+}
+
 /*=== Configuration pages */
 .post {
 	padding: 10px 50px;
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index d7ae5a641..f2baefde2 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -645,6 +645,10 @@ a.signin {
 	background-color: #fff;
 }
 
+.aside_feed .tree-folder .dropdown-toggle .icon {
+	filter: brightness(3);
+}
+
 /*=== Configuration pages */
 .post {
 	padding: 10px 50px;
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index deade659d..01b13596e 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -262,6 +262,9 @@ form th {
 .nav-list .item.error a {
 	color: #c46178;
 }
+.nav-list .item .icon {
+	filter: brightness(3);
+}
 .nav-list .disable {
 	text-align: center;
 	background: #fcfcfc;
@@ -587,6 +590,9 @@ form th {
 	z-index: 1000;
 	width: 35px;
 }
+.header .item.configure .dropdown .icon {
+	filter: brightness(3);
+}
 
 .aside {
 	padding: 35px 0;
@@ -653,11 +659,9 @@ form th {
 .prompt p {
 	margin: 20px 0;
 }
-
 #global {
 	height: 100vh;
 }
-
 #new-article {
 	background: #0062be;
 	font-size: 1em;
@@ -1156,3 +1160,5 @@ button.as-link {
 #slider .form-group:hover {
 	background: initial;
 }
+
+/*# sourceMappingURL=swage.css.map */
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index df229809d..6694da7bb 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -262,6 +262,9 @@ form th {
 .nav-list .item.error a {
 	color: #c46178;
 }
+.nav-list .item .icon {
+	filter: brightness(3);
+}
 .nav-list .disable {
 	text-align: center;
 	background: #fcfcfc;
@@ -587,6 +590,9 @@ form th {
 	z-index: 1000;
 	width: 35px;
 }
+.header .item.configure .dropdown .icon {
+	filter: brightness(3);
+}
 
 .aside {
 	padding: 35px 0;
@@ -653,11 +659,9 @@ form th {
 .prompt p {
 	margin: 20px 0;
 }
-
 #global {
 	height: 100vh;
 }
-
 #new-article {
 	background: #0062be;
 	font-size: 1em;
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index b07d2a6ea..db97c06ed 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -338,6 +338,10 @@ form {
 		&.error a {
 			color: color.adjust( $color_bad, $lightness: 10%);
 		}
+
+		.icon {
+			filter: brightness(3);
+		}
 	}
 
 	.disable {
@@ -695,6 +699,8 @@ form {
 }
 
 .header {
+	height: auto;
+
 	> .item {
 		vertical-align: middle;
 
@@ -732,6 +738,10 @@ form {
 		right: 0;
 		z-index: 1000;
 		width: 35px;
+
+		.dropdown .icon {
+			filter: brightness(3);
+		}
 	}
 }
 
@@ -825,6 +835,10 @@ form {
 	}
 }
 
+#global {
+	height: 100vh;
+}
+
 #new-article {
 	background: $color_nav;
 	font-size: 1em;