mirror of
https://github.com/Monadical-SAS/reflector.git
synced 2025-12-20 20:29:06 +00:00
35 lines
670 B
TypeScript
35 lines
670 B
TypeScript
// 1. Import `extendTheme`
|
|
import { extendTheme } from "@chakra-ui/react";
|
|
|
|
// 2. Call `extendTheme` and pass your custom values
|
|
const theme = extendTheme({
|
|
colors: {
|
|
blue: {
|
|
primary: "#3158E2",
|
|
500: "#3158E2",
|
|
light: "#B1CBFF",
|
|
200: "#B1CBFF",
|
|
dark: "#0E1B48",
|
|
900: "#0E1B48",
|
|
},
|
|
red: {
|
|
primary: "#DF7070",
|
|
500: "#DF7070",
|
|
light: "#FBD5D5",
|
|
200: "#FBD5D5",
|
|
},
|
|
gray: {
|
|
bg: "#F4F4F4",
|
|
100: "#F4F4F4",
|
|
light: "#D5D5D5",
|
|
200: "#D5D5D5",
|
|
primary: "#838383",
|
|
500: "#838383",
|
|
},
|
|
light: "#FFFFFF",
|
|
dark: "#0C0D0E",
|
|
},
|
|
});
|
|
|
|
export default theme;
|