1
0
mirror of https://github.com/XFox111/TabsAsideExtension.git synced 2026-04-22 07:58:01 +03:00
Files
TabsAsideExtension/hooks/useDangerStyles.ts
T

29 lines
598 B
TypeScript

import { makeStyles, tokens } from "@fluentui/react-components";
export const useDangerStyles = makeStyles({
menuItem:
{
color: tokens.colorStatusDangerForeground1 + " !important",
"& .fui-MenuItem__icon":
{
color: tokens.colorStatusDangerForeground1 + " !important"
}
},
buttonPrimary:
{
backgroundColor: tokens.colorStatusDangerBackground3,
color: tokens.colorNeutralForegroundStaticInverted,
"&:hover":
{
backgroundColor: tokens.colorStatusDangerBackground3Hover,
"&:active":
{
backgroundColor: tokens.colorStatusDangerBackground3Pressed
}
}
}
});