Add Fluent V9 theme for Fabric (#1821)

This commit is contained in:
Vsevolod Kukol
2024-04-26 14:21:07 +02:00
committed by GitHub
parent 19d3deb199
commit 0cd9f55909
4 changed files with 38 additions and 9 deletions

View File

@@ -1,4 +1,5 @@
import { Theme, createTheme } from "@fluentui/react";
import { BrandVariants, createLightTheme } from "@fluentui/react-components";
export const appThemeFabric: Theme = createTheme({
palette: {
@@ -206,3 +207,24 @@ export const appThemeFabric: Theme = createTheme({
greenLight: "#13a10e",
},
});
export const appThemeFabricTealBrandRamp: BrandVariants = {
10: '#001919',
20: '#012826',
30: '#01322E',
40: '#033f38',
50: '#054d43',
60: '#0a5c50',
70: '#0c695a',
80: '#117865',
90: '#1f937e',
100: '#2aaC94',
110: '#3abb9f',
120: '#52c7aa',
130: '#78d3b9',
140: '#9ee0cb',
150: '#c0ecdd',
160: '#e3f7ef',
};
export const appThemeFabricV9 = createLightTheme(appThemeFabricTealBrandRamp);