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>
(cherry picked from commit 00dc07bb84f0bc1cc8d27c8f95e533aca07501d4)

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 ea85f067e0ac066656a1e4300d3a550dd4f6c5f9..bd99801fefd5a565dd56badb8f85e943741362ee 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2279,34 +2279,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);
 }
 
@@ -2315,9 +2315,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;