overridden styles for InfoListItem

etn-ccis · Dec 12, 2024 · 7b71a47 · 7b71a47
1 parent 15aae8b
commit 7b71a47
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/src/core/InfoListItem/InfoListItemStyledComponents.tsx b/components/src/core/InfoListItem/InfoListItemStyledComponents.tsx
@@ -127,6 +127,10 @@ export const Icon = styled(Avatar, {
                 height: `2.5rem`,
                 padding: `.5rem`,
                 marginRight: theme.spacing(2),
+                ...theme.applyStyles('dark', {
+                    color: getIconColor(),
+                    backgroundColor: statusColor || Colors.black[500],
+                }),
             };
         }
         return {
@@ -138,6 +142,10 @@ export const Icon = styled(Avatar, {
             height: `2.5rem`,
             marginRight: theme.spacing(2),
             opacity: isInvisible ? 0 : 'auto',
+            ...theme.applyStyles('dark', {
+                color: getIconColor(),
+                backgroundColor: 'transparent',
+            }),
         };
     }
 );