diff options
author | dan <[email protected]> | 2023-08-28 11:40:36 -0400 |
---|---|---|
committer | dan <[email protected]> | 2023-08-28 11:40:36 -0400 |
commit | 38217a7101b50e7aa0a0d543cad737a011d5fac0 (patch) | |
tree | 730865f5822e6d95f655aa85959ae7086061fb7c /src/CustomThemeProvider.js | |
parent | 7c9345f41d9c86142019cce05ca0495408b01730 (diff) | |
download | draggable-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.js | 33 |
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); - - |