mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import { makeStyles, tokens } from "@fluentui/react-components";
|
|
|
|
export const useGroupColors: () => Record<chrome.tabGroups.ColorEnum, string> = makeStyles({
|
|
blue:
|
|
{
|
|
"--border": tokens.colorPaletteBlueBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
cyan:
|
|
{
|
|
"--border": tokens.colorPaletteTealBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
green:
|
|
{
|
|
"--border": tokens.colorPaletteGreenBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
grey:
|
|
{
|
|
"--border": tokens.colorPalettePlatinumBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
orange:
|
|
{
|
|
"--border": tokens.colorPalettePeachBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
pink:
|
|
{
|
|
"--border": tokens.colorPalettePinkBorderActive,
|
|
"--text": tokens.colorNeutralForegroundInverted
|
|
},
|
|
purple:
|
|
{
|
|
"--border": tokens.colorPalettePurpleBorderActive,
|
|
"--text": tokens.colorNeutralForegroundStaticInverted
|
|
},
|
|
red:
|
|
{
|
|
"--border": tokens.colorPaletteRedBackground3,
|
|
"--text": tokens.colorNeutralForegroundStaticInverted
|
|
},
|
|
yellow:
|
|
{
|
|
"--border": tokens.colorPaletteYellowBorderActive,
|
|
"--text": tokens.colorNeutralForeground1Static
|
|
}
|
|
});
|