aboutsummaryrefslogtreecommitdiffstats
path: root/src/CustomThemeProvider.js
diff options
context:
space:
mode:
authordan <[email protected]>2023-08-28 11:40:36 -0400
committerdan <[email protected]>2023-08-28 11:40:36 -0400
commit38217a7101b50e7aa0a0d543cad737a011d5fac0 (patch)
tree730865f5822e6d95f655aa85959ae7086061fb7c /src/CustomThemeProvider.js
parent7c9345f41d9c86142019cce05ca0495408b01730 (diff)
downloaddraggable-form-demo-38217a7101b50e7aa0a0d543cad737a011d5fac0.tar.gz
draggable-form-demo-38217a7101b50e7aa0a0d543cad737a011d5fac0.tar.bz2
draggable-form-demo-38217a7101b50e7aa0a0d543cad737a011d5fac0.zip
refactor: setup and run eslint+prettier
Diffstat (limited to 'src/CustomThemeProvider.js')
-rw-r--r--src/CustomThemeProvider.js33
1 files changed, 14 insertions, 19 deletions
diff --git a/src/CustomThemeProvider.js b/src/CustomThemeProvider.js
index f3f4a26..c4234b6 100644
--- a/src/CustomThemeProvider.js
+++ b/src/CustomThemeProvider.js
@@ -1,45 +1,40 @@
-import {ThemeProvider} from '@mui/material';
-import {createTheme} from '@mui/material';
+import { ThemeProvider } from "@mui/material";
+import { createTheme } from "@mui/material";
-export default function CustomThemeProvider({children}) {
- console.log('theme', theme);
- return <ThemeProvider theme={theme}>
- { children }
- </ThemeProvider>;
+export default function CustomThemeProvider({ children }) {
+ console.log("theme", theme);
+ return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
}
const themeOptions = {
palette: {
- mode: 'light',
+ mode: "light",
primary: {
- main: '#0b0b14',
+ main: "#0b0b14",
},
secondary: {
- main: '#9c27b0',
+ main: "#9c27b0",
},
},
overrides: {
MuiAppBar: {
colorInherit: {
- backgroundColor: '#689f38',
- color: '#fff',
+ backgroundColor: "#689f38",
+ color: "#fff",
},
},
MuiButton: {
root: {
- background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
+ background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
border: 0,
borderRadius: 3,
- boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
- color: 'white',
+ boxShadow: "0 3px 5px 2px rgba(255, 105, 135, .3)",
+ color: "white",
height: 48,
- padding: '0 30px',
+ padding: "0 30px",
},
},
},
};
-
const theme = createTheme(themeOptions);
-
-