Design Tokens

[satyajit-behera]

Hi,

Is it possible to set our own colors apart from the below mentioned available by default. If so, are there any documentation and help which explains all that we should change and set to accomplish this. Apart from these default colors, there are other colors that come in play and also difference modes (light/dark)

Default | #036ac4
Access | #a4373a
Booking | #00a99d
Exchange | #0078d4
Excel | #217346
GroupMe | #00bcf2
Office | #d83b01
OneDrive | #0078d4
OneNote | #7719aa
Outlook | #0f6cbd
Planner | #31752f
PowerApps | #742774
PowerBI | #f2c811
PowerPoint | #b7472a
Project | #31752f
Publisher | #077568
SharePoint | #0078d4
Skype | #0078d4
Stream | #bc1948
Sway | #008272
Teams | #6264a7
Visio | #3955a3
Windows | #0078d4
Word | #2b579a
Yammer | #106ebe

Thanks in advance.

[vnbaaij]

As shown in https://www.fluentui-blazor.net/DesignTheme#fluentdesigntheme-class_properties, you can use the CustomColor parameter to define your own color. The adaptive color system will automatically adjust that color for light/dark mode usage (by means of what is called a recipe).
If you are not using the FluentDesignTheme component, you can specify your on color to the AccentBaseColor.

[satyajit-behera]

Thanks @vnbaaij.