mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
41 lines
764 B
TypeScript
41 lines
764 B
TypeScript
import { makeStyles, shorthands, tokens } from "@fluentui/react-components";
|
|
|
|
export const useStyles_EditDialog = makeStyles({
|
|
surface:
|
|
{
|
|
"--border": tokens.colorTransparentStroke,
|
|
...shorthands.borderWidth(tokens.strokeWidthThick),
|
|
...shorthands.borderColor("var(--border)")
|
|
},
|
|
content:
|
|
{
|
|
display: "flex",
|
|
flexFlow: "column",
|
|
gap: tokens.spacingVerticalS
|
|
},
|
|
colorPicker:
|
|
{
|
|
display: "flex",
|
|
flexWrap: "wrap",
|
|
rowGap: tokens.spacingVerticalS,
|
|
columnGap: tokens.spacingVerticalS
|
|
},
|
|
colorButton:
|
|
{
|
|
"&[aria-pressed=true]":
|
|
{
|
|
color: "var(--text) !important",
|
|
backgroundColor: "var(--border) !important",
|
|
|
|
"& .fui-Button__icon":
|
|
{
|
|
color: "var(--text)"
|
|
}
|
|
}
|
|
},
|
|
colorButton_icon:
|
|
{
|
|
color: "var(--border)"
|
|
}
|
|
});
|