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]
    };
}