fix: [Uncaught RangeError: Maximum call stack size exceeded] when using FluentDesignSystemProvider together with FluentCard about fluentui-blazor

[vnbaaij]

This has been discussed before.

We advise to not use the FluentDesignSystemProvider. It is an older (deprecated) component. Use the design tokens to set the color as shown on the demo site page https://www.fluentui-blazor.net/DesignTokens

[awlc]

Thx for the update.

I tried using Design Tokens by code to change the global Accent color using AccentBaseColor.WithDefault() but the problem is that the default blue color will always be shown first. Although it's just like a flick in about 1/3 of a second but that effect isn't as good as using FluentDesignSystemProvider. Are you guys having plan to remediate this?

[vnbaaij]

We have a solution for that already by using the FluentDesignTheme component and the loading-theme web component. When using that, you can specify the accent color on the the itself. You don't need to use the DesignToken then. See See https://www.fluentui-blazor.net/DesignTheme and specifically the [How to remove the "bright flash" on loading](https://www.fluentui-blazor.net/DesignTheme and #how-to-remove-the-%22bright-flash%22-on-loading) part.

[awlc]

Thank you thank you thank you!!!
Just tried and this works great!
Very much appreciated with the work from you guys.
Oh and praised for your quick response too.
Keep up the great work!