Remove auto colors from Dialog

primer · Oct 14, 2021 · a177e94 · a177e94
1 parent 1183a44
commit a177e94
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/stories/Dialog.stories.tsx b/src/stories/Dialog.stories.tsx
@@ -150,7 +150,7 @@ function CustomHeader({
   }, [onClose])
   if (typeof title === 'string' && typeof subtitle === 'string') {
     return (
-      <Box bg="auto.blue.3">
+      <Box bg="accent.subtle">
         <h1 id={dialogLabelId}>{title.toUpperCase()}</h1>
         <h2 id={dialogDescriptionId}>{subtitle.toLowerCase()}</h2>
         <Dialog.CloseButton onClose={onCloseClick} />
@@ -160,11 +160,11 @@ function CustomHeader({
   return null
 }
 function CustomBody({children}: React.PropsWithChildren<DialogProps>) {
-  return <Dialog.Body bg="auto.red.3">{children}</Dialog.Body>
+  return <Dialog.Body bg="danger.subtle">{children}</Dialog.Body>
 }
 function CustomFooter({footerButtons}: React.PropsWithChildren<DialogProps>) {
   return (
-    <Dialog.Footer bg="auto.yellow.3">
+    <Dialog.Footer bg="attention.subtle">
       {footerButtons ? <Dialog.Buttons buttons={footerButtons} /> : null}
     </Dialog.Footer>
   )