From d830f61f8a03460bf750b7857ea92da68126d259 Mon Sep 17 00:00:00 2001
From: Johnny McQuade <jfmcquade@hotmail.com>
Date: Tue, 20 Feb 2024 15:48:52 +0000
Subject: [PATCH] style: expose checkbox-background-color variable to themes,
 default white

---
 src/global.scss                    | 5 ++++-
 src/theme/themes/default.scss      | 1 +
 src/theme/themes/pfr.scss          | 1 +
 src/theme/themes/professional.scss | 1 +
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/global.scss b/src/global.scss
index c72024f766..80cd9e0ed5 100644
--- 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
index b667b082ff..ef063cd5b6 100644
--- 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
index 66e3920e21..4364811100 100644
--- 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
index 353fcf2741..6c95697ee9 100644
--- 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 {