[FluentDesignTheme] OfficeColor changes incorrectly update body[data-theme] attribute #4082
Description
🐛 Bug Report
When changing the OfficeColor property through FluentDesignTheme, it sets the body[data-theme] attribute to the OfficeColor value. This can cause theme issues like scrollbar color problems.
Steps to Reproduce
- Go to https://www.fluentui-blazor.net/
- Click the settings icon to open the settings panel
- Open browser developer tools (F12)
- Change the OfficeColor property in the settings panel
- Watch the
data-themeattribute value on the<body>element in developer tools
Expected Behavior
Changing OfficeColor should not affect body[data-theme]
Actual Behavior
- After changing OfficeColor,
body[data-theme]gets set to the current OfficeColor value - This breaks the theme system design