'init'
This commit is contained in:
20
app/hooks/useRosettaColors.ts
Normal file
20
app/hooks/useRosettaColors.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
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]
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user