mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-05-03 15:04:04 +01:00
32 lines
835 B
TypeScript
32 lines
835 B
TypeScript
import { BrandVariants, Theme, createLightTheme } from "@fluentui/react-components";
|
|
import { Platform } from "ConfigContext";
|
|
import { appThemeFabricTealBrandRamp } from "../../Platform/Fabric/FabricTheme";
|
|
|
|
// These are the theme colors for Fluent UI 9 React components
|
|
const appThemePortalBrandRamp: BrandVariants = {
|
|
10: "#020305",
|
|
20: "#111723",
|
|
30: "#16263D",
|
|
40: "#193253",
|
|
50: "#1B3F6A",
|
|
60: "#1B4C82",
|
|
70: "#18599B",
|
|
80: "#1267B4",
|
|
90: "#3174C2",
|
|
100: "#4F82C8",
|
|
110: "#6790CF",
|
|
120: "#7D9ED5",
|
|
130: "#92ACDC",
|
|
140: "#A6BAE2",
|
|
150: "#BAC9E9",
|
|
160: "#CDD8EF",
|
|
};
|
|
|
|
export function getPlatformTheme (platform: Platform) : Theme {
|
|
if (platform === Platform.Fabric) {
|
|
return createLightTheme(appThemeFabricTealBrandRamp);
|
|
} else {
|
|
return createLightTheme(appThemePortalBrandRamp);
|
|
}
|
|
}
|