Initial
This commit is contained in:
58
src/theme.ts
Normal file
58
src/theme.ts
Normal file
@ -0,0 +1,58 @@
|
||||
import { createTheme } from "@mui/material";
|
||||
|
||||
const PRIMARY_COLOR = "#0d6efd";
|
||||
const SECONDARY_COLOR = "#6c757d";
|
||||
const SUCCESS_COLOR = "#198754";
|
||||
const ERROR_COLOR = "#dc3545";
|
||||
const INFO_COLOR = "#0dcaf0";
|
||||
const WARNING_COLOR = "#ffc107";
|
||||
|
||||
export const theme = createTheme({
|
||||
palette: {
|
||||
mode: "light",
|
||||
primary: {
|
||||
main: PRIMARY_COLOR,
|
||||
contrastText: "#FFF",
|
||||
},
|
||||
secondary: {
|
||||
main: SECONDARY_COLOR,
|
||||
contrastText: "#FFF",
|
||||
},
|
||||
success: {
|
||||
main: SUCCESS_COLOR,
|
||||
contrastText: "#FFF",
|
||||
},
|
||||
error: {
|
||||
main: ERROR_COLOR,
|
||||
contrastText: "#FFF",
|
||||
},
|
||||
info: {
|
||||
main: INFO_COLOR,
|
||||
contrastText: "#000",
|
||||
},
|
||||
warning: {
|
||||
main: WARNING_COLOR,
|
||||
contrastText: "#000",
|
||||
},
|
||||
},
|
||||
typography: {
|
||||
h1: {
|
||||
fontSize: "2.7rem",
|
||||
},
|
||||
h2: {
|
||||
fontSize: "2.4rem",
|
||||
},
|
||||
h3: {
|
||||
fontSize: "2.1rem",
|
||||
},
|
||||
h4: {
|
||||
fontSize: "1.8rem",
|
||||
},
|
||||
h5: {
|
||||
fontSize: "1.5rem",
|
||||
},
|
||||
h6: {
|
||||
fontSize: "1.2rem",
|
||||
},
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user