luci-theme-bootstrap: further uci changelog style fixes

 - Use the proper dialog class name to apply changelog styles
 - Darken grey background and borders

Fixes: 5bd111f58f ("luci-theme-bootstrap: fix uci changelog and readonly input styles")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 12 insertions, 12 deletions

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index c10e304e39..86d4c678ea 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2280,34 +2280,34 @@ div.cbi-value var.cbi-tooltip-container,
 	white-space: pre;
 }
 
-.uci-change-dialog div > del,
-.uci-change-dialog div > ins,
-.uci-change-dialog div > var {
+.uci-dialog div > del,
+.uci-dialog div > ins,
+.uci-dialog div > var {
 	margin-bottom: 2px;
-	border: 1px solid hsla(var(--border-color-high-hsl), .6);
+	border: 1px solid var(--border-color-high);
 	line-height: 15px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	padding: 2px;
 	position: relative;
-	background-color: hsla(var(--background-color-low-hsl), .3);
+	background-color: var(--background-color-low);
 }
 
-.uci-change-dialog div > ins {
+.uci-dialog div > ins {
 	background-color: rgba(var(--success-color-high-rgb), .3);
 	border-color: rgba(var(--success-color-high-rgb), .6);
 }
 
-.uci-change-dialog div > del {
+.uci-dialog div > del {
 	background-color: rgba(var(--error-color-high-rgb), .3);
 	border-color: rgba(var(--error-color-high-rgb), .6);
 }
 
-.uci-change-dialog var > ins {
+.uci-dialog var > ins {
 	background-color: rgba(var(--success-color-high-rgb), .3);
 }
 
-.uci-change-dialog var > del {
+.uci-dialog var > del {
 	background-color: rgba(var(--error-color-high-rgb), .3);
 }
 
@@ -2316,9 +2316,9 @@ div.cbi-value var.cbi-tooltip-container,
 	text-overflow: ellipsis;
 }
 
-.uci-change-dialog del,
-.uci-change-dialog ins,
-.uci-change-dialog var {
+.uci-dialog del,
+.uci-dialog ins,
+.uci-dialog var {
 	text-decoration: none;
 	font-family: monospace;
 	font-style: normal;