39 lines
676 B
TypeScript
39 lines
676 B
TypeScript
import { createTheme, MantineColorsTuple } from "@mantine/core";
|
|
|
|
export const myColor: MantineColorsTuple = [
|
|
"#e2faff",
|
|
"#d4eff8",
|
|
"#afdce9",
|
|
"#87c8db",
|
|
"#65b7cf",
|
|
"#4aaac7",
|
|
"#3fa7c6",
|
|
"#2c92af",
|
|
"#1b829e",
|
|
"#00718c",
|
|
];
|
|
|
|
const radius = "lg";
|
|
const size = "md";
|
|
|
|
export const theme = createTheme({
|
|
colors: {
|
|
myColor,
|
|
},
|
|
primaryColor: "myColor",
|
|
components: {
|
|
Button: {
|
|
defaultProps: {
|
|
radius,
|
|
size,
|
|
},
|
|
},
|
|
InputBase: {
|
|
defaultProps: {
|
|
radius,
|
|
size,
|
|
},
|
|
},
|
|
},
|
|
});
|