From 4c2615916fd3d715b65d27dacbe6d21cd3534eb2 Mon Sep 17 00:00:00 2001
From: "L. Roxanne young" <Roxanne.Young@availity.com>
Date: Wed, 17 Apr 2024 12:08:03 -0400
Subject: [PATCH] fix(theme): legacy checkbox and radio colors

---
 packages/theme/src/lib/legacy-theme.ts | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/theme/src/lib/legacy-theme.ts b/packages/theme/src/lib/legacy-theme.ts
index 8e6584f60..865d982ac 100644
--- a/packages/theme/src/lib/legacy-theme.ts
+++ b/packages/theme/src/lib/legacy-theme.ts
@@ -752,9 +752,9 @@ export const legacyTheme = {
               color: tokens.colorGrey900,
             },
             '&.Mui-checked': {
-              color: tokens.colorPrimaryMain,
+              color: '#0075ff',
               '&:hover': {
-                color: tokens.colorPrimaryDark,
+                color: tokens.colorPrimaryMain,
               },
             },
             '&.Mui-disabled': {
@@ -777,6 +777,7 @@ export const legacyTheme = {
             },
           },
           '.MuiSvgIcon-root': {
+            backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1em 1em' overflow='visible'%3E%3Crect x='16%' y='16%' rx='1' ry='1' width='68%' height='68%' stroke='transparent' fill='white' stroke-width='1' %3E%3C/rect%3E%3C/svg%3E")`,
             fontSize: '1rem',
           },
         },
@@ -1380,12 +1381,28 @@ export const legacyTheme = {
         root: {
           padding: '4px',
           '.MuiSvgIcon-root': {
+            backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1em 1em' overflow='visible'%3E%3Ccircle cx='50%' cy='50%' r='34%' stroke='transparent' fill='white' stroke-width='1' %3E%3C/circle%3E%3C/svg%3E")`,
             fontSize: '1rem',
           },
           '&.Mui-focusVisible .MuiSvgIcon-root:first-of-type': {
             boxShadow: `0 0 0px 2px ${tokens.colorPrimaryMain}`,
             borderRadius: '50%',
           },
+          '&.MuiRadio-colorPrimary': {
+            color: tokens.colorGrey500,
+            '&:hover': {
+              color: tokens.colorGrey900,
+            },
+            '&.Mui-checked': {
+              color: '#0075ff',
+              '&:hover': {
+                color: tokens.colorPrimaryMain,
+              },
+            },
+            '&.Mui-disabled': {
+              color: tokens.colorGrey300,
+            },
+          },
         },
       },
     },