it-tools/src/ui/c-alert/c-alert.theme.ts
2023-05-16 23:38:28 +02:00

26 lines
731 B
TypeScript

import { darken } from '../color/color.models';
import { defineThemes } from '../theme/theme.models';
import { appThemes } from '../theme/themes';
// eslint-disable-next-line
import WarningIcon from '~icons/mdi/alert-circle-outline';
export const { useTheme } = defineThemes({
dark: {
warning: {
backgroundColor: appThemes.dark.warning.colorFaded,
borderColor: appThemes.dark.warning.color,
textColor: appThemes.dark.warning.color,
icon: WarningIcon,
},
},
light: {
warning: {
backgroundColor: appThemes.light.warning.colorFaded,
borderColor: appThemes.light.warning.color,
textColor: darken(appThemes.light.warning.color, 40),
icon: WarningIcon,
},
},
});