fix text-muted being set to default text foreground color in light mode, adjust styling of filter actions list

10 files changed, 32 insertions, 8 deletions

diff --git a/classes/Pref_Filters.php b/classes/Pref_Filters.php
index 9b11284b4..3a51a011b 100644
--- a/classes/Pref_Filters.php
+++ b/classes/Pref_Filters.php
@@ -773,7 +773,7 @@ class Pref_Filters extends Handler_Protected {
 				$actions_summary = array_slice($actions_summary, 0, self::MAX_ACTIONS_TO_DISPLAY);
 
 				array_push($actions_summary,
-					sprintf(_ngettext("(+%d action)", "(+%d actions)", $actions_not_shown), $actions_not_shown));
+					"<em class='text-muted'>" . sprintf(_ngettext("(+%d action)", "(+%d actions)", $actions_not_shown), $actions_not_shown)) . "</em>";
 			}
 
 			return [implode(", ", $title_summary), implode("<br/>", $actions_summary)];
diff --git a/themes/compact.css b/themes/compact.css
index c62595962..3ee5a4a90 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -1151,7 +1151,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: #555;
+  color: #888888;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1510,6 +1510,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: #555;
 }
+body.ttrss_prefs .text-muted {
+  color: #888888;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 8c48a6c27..c62554e29 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -1151,7 +1151,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: #ccc;
+  color: #999999;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1510,6 +1510,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: #ccc;
 }
+body.ttrss_prefs .text-muted {
+  color: #999999;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {
diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css
index 19387f96e..830b57f72 100644
--- a/themes/light-high-contrast.css
+++ b/themes/light-high-contrast.css
@@ -1151,7 +1151,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: black;
+  color: #333333;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1510,6 +1510,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: black;
 }
+body.ttrss_prefs .text-muted {
+  color: #333333;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {
diff --git a/themes/light.css b/themes/light.css
index 6934312ed..33d137423 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -1151,7 +1151,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: #555;
+  color: #888888;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1510,6 +1510,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: #555;
 }
+body.ttrss_prefs .text-muted {
+  color: #888888;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {
diff --git a/themes/light/defines.less b/themes/light/defines.less
index 08896b4f1..37d1beadf 100644
--- a/themes/light/defines.less
+++ b/themes/light/defines.less
@@ -28,6 +28,8 @@
 @breakpoint-lg: 992px;
 @breakpoint-xl: 1200px;
 
+@fg-text-muted: lighten(@default-text, 20%);
+
 @embed-responsive-padding: 56.25%; // Use 56.25% for 16:9 aspect ratio, 75% for 4:3.
 
 body.ttrss_main,
diff --git a/themes/light/prefs.less b/themes/light/prefs.less
index e13358956..849855796 100644
--- a/themes/light/prefs.less
+++ b/themes/light/prefs.less
@@ -9,6 +9,10 @@ body.ttrss_prefs {
 		color : @default-text;
 	}
 
+	.text-muted {
+		color : @fg-text-muted;
+	}
+
 	.dijitContentPane {
 		> h1:first-of-type,
 		> h2:first-of-type,
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 3896665c8..bb6ef9ef8 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -1348,7 +1348,7 @@ body.ttrss_main, body.ttrss_utility {
 	}
 
 	.text-muted {
-		color : @default-text;
+		color : @fg-text-muted;
 	}
 
 	.text-small, .small {
diff --git a/themes/night.css b/themes/night.css
index 39f850e48..81a1b444b 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -1152,7 +1152,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: #ccc;
+  color: #999999;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1511,6 +1511,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: #ccc;
 }
+body.ttrss_prefs .text-muted {
+  color: #999999;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {
diff --git a/themes/night_blue.css b/themes/night_blue.css
index d430e2834..16de963a3 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -1152,7 +1152,7 @@ body.ttrss_utility .text-warning {
 }
 body.ttrss_main .text-muted,
 body.ttrss_utility .text-muted {
-  color: #ccc;
+  color: #999999;
 }
 body.ttrss_main .text-small,
 body.ttrss_utility .text-small,
@@ -1511,6 +1511,9 @@ body.ttrss_prefs h4 {
   font-weight: 600;
   color: #ccc;
 }
+body.ttrss_prefs .text-muted {
+  color: #999999;
+}
 body.ttrss_prefs .dijitContentPane > h1:first-of-type,
 body.ttrss_prefs .dijitContentPane > h2:first-of-type,
 body.ttrss_prefs .dijitContentPane > h3:first-of-type {