mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-24 04:22:10 -05:00
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import { useColorMode } from "@chakra-ui/core";
|
|
|
|
/*
|
|
const theme = {
|
|
light: {
|
|
colorMode: "light",
|
|
bgColor: "#eff0f3",
|
|
darkerBgColor: "#FFFAFA",
|
|
textColor: "blackAlpha.900",
|
|
borderStyle: "1px solid rgba(0, 0, 0, .2)",
|
|
themeColorWithShade: `${themeColor}.500`,
|
|
grayWithShade: "gray.600",
|
|
themeColorHex: chakraTheme.colors[themeColor]["500"],
|
|
themeColorHexLighter: chakraTheme.colors[themeColor]["200"],
|
|
themeColor,
|
|
} as Theme,
|
|
dark: {
|
|
colorMode: "dark",
|
|
bgColor: "#031e3e",
|
|
darkerBgColor: "#0e2a56",
|
|
textColor: "whiteAlpha.900",
|
|
borderStyle: "1px solid rgba(255, 255, 255, .2)",
|
|
themeColorWithShade: `${themeColor}.200`,
|
|
grayWithShade: "gray.300",
|
|
themeColorHex: chakraTheme.colors[themeColor]["500"],
|
|
themeColorHexLighter: chakraTheme.colors[themeColor]["200"],
|
|
themeColor,
|
|
} as Theme,
|
|
}; */
|
|
|
|
const theme = {
|
|
light: {
|
|
themeColor: "#79ff61", // light lime green
|
|
bgColor: "#eff0f3",
|
|
secondaryBgColor: "#FFFAFA",
|
|
// FIXME
|
|
textColor: "blackAlpha.900",
|
|
gray: "gray.600",
|
|
},
|
|
dark: {
|
|
themeColor: "#79ff61", // light lime green
|
|
bgColor: "#031e3e",
|
|
secondaryBgColor: "#0e2a56",
|
|
textColor: "whiteAlpha.900",
|
|
gray: "gray.300",
|
|
},
|
|
} as const;
|
|
|
|
export const useMyTheme = () => {
|
|
const { colorMode } = useColorMode();
|
|
|
|
return theme[colorMode];
|
|
};
|