using border color from mui theme divider

Enterwell · Jan 8, 2024 · 6abf7e2 · 6abf7e2
1 parent 14b0a4c
commit 6abf7e2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/react-ui/ItemAccordion/ItemAccordionActions.tsx b/packages/react-ui/ItemAccordion/ItemAccordionActions.tsx
@@ -1,3 +1,4 @@
+import { useTheme } from '@mui/material';
 import MuiAccordionActions, { type AccordionActionsProps } from '@mui/material/AccordionActions';
 
 /**
@@ -8,8 +9,9 @@ import MuiAccordionActions, { type AccordionActionsProps } from '@mui/material/A
  * @public
  */
 export function ItemAccordionActions(props: AccordionActionsProps) {
+  const theme = useTheme();
   return (
-    <MuiAccordionActions {...props} sx={{ borderTop: '1px solid rgba(0, 0, 0, .125)', ...props.sx }} />
+    <MuiAccordionActions {...props} sx={{ borderTop: '1px solid', borderTopColor: theme.palette.divider, ...props.sx }} />
   );
 }
 

diff --git a/packages/react-ui/ItemAccordion/ItemAccordionDetails.tsx b/packages/react-ui/ItemAccordion/ItemAccordionDetails.tsx
@@ -1,3 +1,4 @@
+import { useTheme } from '@mui/material';
 import MuiAccordionDetails, { type AccordionDetailsProps } from '@mui/material/AccordionDetails';
 
 /**
@@ -8,9 +9,9 @@ import MuiAccordionDetails, { type AccordionDetailsProps } from '@mui/material/A
  * @public
  */
 export function ItemAccordionDetails(props: AccordionDetailsProps) {
-
+  const theme = useTheme();
   return (
-    <MuiAccordionDetails {...props} sx={{ padding: 16, borderTop: '1px solid rgba(0, 0, 0, .125)', ...props.sx }} />
+    <MuiAccordionDetails {...props} sx={{ padding: 16, borderTop: '1px solid', borderTopColor: theme.palette.divider, ...props.sx }} />
   );
 }