Files
Checkmate/Client/src/Utils/Theme.js
T

45 lines
873 B
JavaScript
Raw Normal View History

2024-05-06 12:10:16 -07:00
import { createTheme } from "@mui/material";
// Colors for MUI theme
const primaryMain = "#1570EF";
2024-05-06 12:10:16 -07:00
const secondaryMain = "#475467";
const tertiaryMain = "#475467";
const tertiaryLinkHover = "#eff8ff";
2024-05-06 12:10:16 -07:00
2024-05-06 15:58:51 -07:00
// Label Colors
2024-05-07 14:22:39 -07:00
const labelOrange = "#F79009";
const labelGray = "#475467";
const labelPurple = "#6941C6";
const labelGreen = "#067647";
const labelRed = "#F04438";
2024-05-06 12:10:16 -07:00
const theme = createTheme({
palette: {
primary: {
main: primaryMain,
},
2024-05-06 12:10:16 -07:00
secondary: {
main: secondaryMain,
},
tertiary: {
main: tertiaryMain,
linkHover: tertiaryLinkHover,
2024-05-06 12:10:16 -07:00
},
2024-05-06 15:58:51 -07:00
labelOrange: {
2024-05-07 14:22:39 -07:00
color: labelOrange,
2024-05-06 15:58:51 -07:00
},
labelGray: {
2024-05-07 14:22:39 -07:00
color: labelGray,
2024-05-06 15:58:51 -07:00
},
labelPurple: {
2024-05-07 14:22:39 -07:00
color: labelPurple,
2024-05-06 15:58:51 -07:00
},
labelGreen: {
2024-05-07 14:22:39 -07:00
color: labelGreen,
},
labelRed: {
color: labelRed,
2024-05-06 15:58:51 -07:00
},
2024-05-06 12:10:16 -07:00
},
});
export default theme;