Ability to define dark mode

[satyajit-behera]

Hi,

When we do this:
<FluentDesignTheme Mode="DesignThemeModes.System" CustomColor="#800000" />

above works for light mode and we get another shade of color in dark mode. This is nice.
Is it possible to even define color for dark mode also according to our choice in accordance with branding.
And the system displays the color according to system mode.

Thanks

[vnbaaij]

Hi.
The custom color you specify will be turned into a swatch in the fluent design theme web component. This works the same as for any of the regular office colors. This color will then be used to set the AccentBaseColor so I assume it will create different values for light and dark mode. There is no option to specify light/dar color separately.

[satyajit-behera]

Thanks.

is there a way where we can check the system mode and then set the color using
<FluentDesignTheme Mode="DesignThemeModes.Light" CustomColor="#800000" />
or
<FluentDesignTheme Mode="DesignThemeModes.Dark" CustomColor="#600000" />