fix dark mode progress showing in light mode

diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index b6867cc6e312d2eb29f2bc9a8b4fbaf6c84a956c..06fe95f94d59618afa81061e489c9720e06e107e 100644 (file)
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -442,10 +442,8 @@ table.table {
   border-color: var(--bs-danger);
 }
 
-.alert-secondary {
-  background-color: var(--pngx-primary-darken-18);
-  border-color: var(--pngx-primary-darken-15);
-  color: var(--bs-body-color);
+.progress {
+  background-color: var(--bs-body-bg);
 }
 
 .ngb-dp-header,

diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 14541035368c72894e01ccd40b9c158c1cc16bb1..bd32fc72f11bd851391883fb1bae88da07a5191f 100644 (file)
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -153,6 +153,12 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 
   }
 
+  .alert-secondary {
+    background-color: var(--bs-light);
+    border-color: var(--pngx-bg-darker);
+    color: var(--bs-body-color);
+  }
+
   .table-striped > tbody > tr:nth-of-type(odd) > * {
     color: var(--pngx-body-color-accent);
   }