themes: generalize indicator markup and styling

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 6 insertions, 3 deletions

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index 8645c60e42..f3922c00f9 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -443,7 +443,8 @@ header > .fill > .container > .status > * {
 	background-color: #5cb85c !important;
 }
 
-.notice {
+.notice,
+[data-indicator]:not([data-style="inactive"]) {
 	background-color: #5bc0de !important;
 }
 
@@ -2091,7 +2092,8 @@ span[data-tooltip] .label {
 	flex-direction: column;
 }
 
-.label {
+.label,
+[data-indicator] {
 	font-size: .8rem;
 	font-weight: bold;
 	padding: .3rem .8rem;
@@ -2480,7 +2482,8 @@ input[name="nslookup"] {
 		padding: .3rem .6rem;
 	}
 
-	.label {
+	.label,
+	[data-indicator] {
 		padding: .2rem .6rem;
 	}