From c519dee39cce727051758ecff06a97ede3ba26ed Mon Sep 17 00:00:00 2001
From: Kevin Davila <144152756+KevinDavilaDotCMS@users.noreply.github.com>
Date: Mon, 5 Feb 2024 11:22:50 -0500
Subject: [PATCH] fixed checkbox background issue (#27492)

---
 .../angular/dotcms-theme/components/form/_checkbox.scss          | 1 +
 core-web/libs/dotcms-scss/jsp/scss/dijit/form/_checkbox.scss     | 1 +
 dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css          | 1 +
 3 files changed, 3 insertions(+)

diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_checkbox.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_checkbox.scss
index 0457e19f7b9e..e73438228ff2 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_checkbox.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_checkbox.scss
@@ -31,6 +31,7 @@ p-checkbox.p-element {
     aspect-ratio: 1/1;
     border-radius: $border-radius-sm;
     border: $select-border-size solid $color-palette-gray-400;
+    background-color: $white;
 
     &.p-checkbox-checked,
     &:has(.p-highlight) {
diff --git a/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_checkbox.scss b/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_checkbox.scss
index 6f308292110c..bf8ba844e181 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_checkbox.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_checkbox.scss
@@ -16,6 +16,7 @@
     &Checked {
         border: $check-checked-border;
         background: url($check-checked-icon) center center no-repeat;
+        background-color: $white;
     }
 
     &Hover:not(.dijitCheckBoxDisabled, .dijitCheckBoxCheckedDisabled) {
diff --git a/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css b/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css
index 6dc47df38848..9b306decc6ca 100644
--- a/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css
+++ b/dotCMS/src/main/webapp/html/css/dijit-dotcms/dotcms.css
@@ -3954,6 +3954,7 @@
 .dijitCheckBoxChecked {
   border: solid 2px var(--color-palette-primary-500);
   background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMS4zMXB4IiB2aWV3Qm94PSIwIDAgMTAgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJjaGVja2JveC1hY3RpdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjAwMDAwMCwgLTUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjcuMzEwNzIwMzIgMTEuNDIyNDQ0OSA0Ljk4NjE5NTYzIDkuMDk3OTIwMTkgNC4xOTQ2MzA4NyA5Ljg4MzkxMDU1IDcuMzEwNzIwMzIgMTMgMTQgNi4zMTA3MjAzMiAxMy4yMTQwMDk2IDUuNTI0NzI5OTYiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==") center center no-repeat;
+  background-color: #ffffff;
 }
 .dijitCheckBoxHover:not(.dijitCheckBoxDisabled, .dijitCheckBoxCheckedDisabled) {
   border-color: var(--color-palette-primary-400);