apply colour styles to radio/check items in dropdown

GCTC-NTGC · Apr 5, 2024 · 4d3871d · 4d3871d
1 parent 4858ebc
commit 4d3871d
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/packages/ui/src/components/DropdownMenu/DropdownMenu.tsx b/packages/ui/src/components/DropdownMenu/DropdownMenu.tsx
@@ -125,8 +125,13 @@ const CheckboxItem = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
 >((props, forwardedRef) => (
   <DropdownMenuPrimitive.CheckboxItem
-    {...itemStyleProps}
     ref={forwardedRef}
+    {...{
+      ...getBaseStyle({ mode: "inline" }),
+      ...getFontColor({ mode: "inline", color: "secondary" }),
+      ...getBackgroundColor({ mode: "inline", color: "secondary" }),
+    }}
+    {...itemStyleProps}
     {...props}
   />
 ));
@@ -136,8 +141,13 @@ const RadioItem = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
 >((props, forwardedRef) => (
   <DropdownMenuPrimitive.RadioItem
-    {...itemStyleProps}
     ref={forwardedRef}
+    {...{
+      ...getBaseStyle({ mode: "inline" }),
+      ...getFontColor({ mode: "inline", color: "secondary" }),
+      ...getBackgroundColor({ mode: "inline", color: "secondary" }),
+    }}
+    {...itemStyleProps}
     {...props}
   />
 ));