Fix light color filled primary button text legibility

diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index ddf635e4121136482bbbb90154c8c26b5bc8440b..d90afa6c168eecd1715b2e01c3d35fd6957534f1 100644 (file)
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -87,6 +87,12 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     }
   }
 
+  &.primary-light .btn-primary {
+    &:hover, &:focus, &.active, &:active {
+      color: var(--pngx-bg-darker) !important;
+    }
+  }
+
   .btn-dark {
     --bs-btn-color: $text-color-dark-bg;
     --bs-btn-bg: var(--pngx-bg-alt);