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>

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 c10e304e395e10fd760c752ff8dba0eb35c25207..86d4c678ea357c29f37c73ed71e7444f26d5c490 100644 (file)
--- 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;