20 lines
854 B
TypeScript
20 lines
854 B
TypeScript
import { useComputedColorScheme, useMantineTheme } from "@mantine/core";
|
|
|
|
export function useRosettaColors () {
|
|
const colorScheme = useComputedColorScheme();
|
|
const theme = useMantineTheme();
|
|
|
|
return {
|
|
boxColor: colorScheme == 'light' ? theme.white : theme.colors.dark[7],
|
|
mainColor: colorScheme == 'light' ? theme.colors.gray[1] : theme.colors.dark[8],
|
|
borderColor: colorScheme == 'light' ? theme.colors.gray[2] : theme.colors.dark[6],
|
|
chevrons: {
|
|
active: colorScheme == 'light' ? theme.colors.gray[6] : theme.colors.dark[2],
|
|
disabled: colorScheme == 'light' ? theme.colors.gray[3] : theme.colors.dark[6]
|
|
},
|
|
success: theme.colors.green[5],
|
|
error: theme.colors.red[5],
|
|
brandColor: theme.colors.blue[6],
|
|
warning: theme.colors.orange[5]
|
|
};
|
|
} |