style: expose checkbox-background-color variable to themes, default w…

…hite
IDEMSInternational · Feb 20, 2024 · d830f61 · d830f61
1 parent 6f0dfd4
commit d830f61
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/src/global.scss b/src/global.scss
@@ -39,11 +39,14 @@
 @import "~nouislider/dist/nouislider.min.css";
 @import "~swiper/swiper.min.css";
 
-/* Ionic overrides */
+/* Overrides for inoic components */
 // Remove default underline from focused ion-input
 ion-input {
   --highlight-color-focused: none !important;
 }
+ion-checkbox {
+  --checkbox-background: var(--checkbox-background-color, white);
+}
 
 a {
   word-break: break-word;

diff --git a/src/theme/themes/default.scss b/src/theme/themes/default.scss
@@ -51,6 +51,7 @@
       // radio-button-font-color: var(--ion-color-primary),
       ion-item-background: var(--ion-color-gray-light),
       // task-progress-bar-color: var(--ion-color-primary),
+      // checkbox-background-color: white,
     );
     @include utils.generateTheme($color-primary, $color-secondary, $page-background);
     @each $name, $value in $variable-overrides {

diff --git a/src/theme/themes/pfr.scss b/src/theme/themes/pfr.scss
@@ -48,6 +48,7 @@
       // radio-button-font-color: var(--ion-color-primary),
       ion-item-background: var(--ion-color-gray-light),
       // task-progress-bar-color: var(--ion-color-primary),
+      // checkbox-background-color: white,
     );
     @include utils.generateTheme($color-primary, $color-secondary, $page-background, $g: $green);
     @each $name, $value in $variable-overrides {

diff --git a/src/theme/themes/professional.scss b/src/theme/themes/professional.scss
@@ -47,6 +47,7 @@
       // radio-button-font-color: var(--ion-color-primary),
       ion-item-background: var(--ion-color-gray-light),
       task-progress-bar-color: var(--ion-color-green),
+      // checkbox-background-color: white
     );
     @include utils.generateTheme($color-primary, $color-secondary, $page-background);
     @each $name, $value in $variable-overrides {