Improve dark mode

saleor · Dec 10, 2021 · adb9b36 · adb9b36
1 parent ce7ed0f
commit adb9b36
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/components/Filter/FilterContent/FilterContentHeader.tsx b/src/components/Filter/FilterContent/FilterContentHeader.tsx
@@ -37,7 +37,12 @@ const FilterContentHeader: React.FC<FilterContentHeaderProps> = ({
         <FormattedMessage defaultMessage="Filters" />
       </Typography>
       <div>
-        <Button data-test="clear" className={classes.clear} onClick={onClear}>
+        <Button
+          data-test="clear"
+          variant="secondary"
+          className={classes.clear}
+          onClick={onClear}
+        >
           <FormattedMessage {...buttonMessages.clear} />
         </Button>
         <Button data-test="submit" variant="primary" type="submit">

diff --git a/src/components/NavigatorButton/NavigatorButton.tsx b/src/components/NavigatorButton/NavigatorButton.tsx
@@ -60,7 +60,7 @@ const useStyles = makeStyles(
           color: theme.palette.primary.main
         },
         marginRight: theme.spacing(2),
-        width: 48
+        width: 40
       }
     };
   },

diff --git a/src/storybook/Decorator.tsx b/src/storybook/Decorator.tsx
@@ -20,7 +20,7 @@ export const Decorator = storyFn => (
     >
       <DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
         <TimezoneProvider value="America/New_York">
-          <ThemeProvider overrides={themeOverrides}>
+          <ThemeProvider defaultTheme="dark" overrides={themeOverrides}>
             <BrowserRouter basename={APP_MOUNT_URI}>
               <MessageManagerProvider>
                 <div

diff --git a/src/themeOverrides.ts b/src/themeOverrides.ts
@@ -7,9 +7,6 @@ const themeOverrides: Partial<Theme> = {
         paddingBottom: 8,
         paddingTop: 8
       },
-      head: {
-        height: 32
-      },
       root: {
         height: 56,
         paddingBottom: 4,