Themes

Fui.fluentProvider [
    fluentProvider.theme.webLightTheme
    ...

Fui.fluentProvider [
    fluentProvider.theme.teamsHighContrastTheme
    ...

Fui.fluentProvider [
    fluentProvider.theme.createHighContrastTheme()
    ...

let brandVariants = {
    ``10``= "#050205"
    ``20``= "#231120"
    ``30``= "#3C1838"
    ``40``= "#511C4B"
    ``50``= "#67205F"
    ``60``= "#7D2374"
    ``70``= "#94258A"
    ``80``= "#AC26A0"
    ``90``= "#B83FAB"
    ``100``= "#C156B4"
    ``110``= "#CA6CBD"
    ``120``= "#D280C6"
    ``130``= "#DA94CF"
    ``140``= "#E1A7D7"
    ``150``= "#E9BAE0"
    ``160``= "#EFCEE9"
}
...
Fui.fluentProvider [
   fluentProvider.theme.createDarkTheme brandVariants
   ...

let customTokens = { Theme.tokens with colorBrandStroke1 = "#780510"; colorBrandBackground2 = "#fa8072"; colorBrandForeground2 = "#780510" }

Fui.fluentProvider [
    fluentProvider.theme customTokens
    ...