window['__themeState__'].theme object contains incorrect neutral colors

[mbice]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

No response

Describe the bug / error

We currently retrieve the applied SharePoint theme color palette from our SPFx web parts and what I'm seeing right now is that the neutral colors are not being returned with the same values as they are applied in the SharePoint theme. I can reproduce this in code, or even just in the browser console on an out-of-the-box site collection.

For example, if I apply the "Red" out-of-the-box theme and then immediately (without full page reload) look at window['__themeState__'].theme in the console I see the correct colors:

As soon as I refresh the page and retrieve the theme object, the neutrals have changed. No matter what theme I apply, the same values are returned and seem hardcoded. For example, neutralSecondary I can verify is being correctly applied in the UX, but not correct in the __themeState__ object.

After page reload (with Red theme applied, still):

No matter what theme I have applied I get the exact same neutrals returned on page load.

Thoughts?

Steps to reproduce

1. Apply a theme (e.g. Red)
2. In the console, enter window['__themeState__'].theme and note the neutral colors
3. Reload the page and then re-enter into the console window['__themeState__'].theme.
4. Notice the neutral colors are now different. No matter which theme you apply, they are always returned this way and not responsive to the actual SharePoint theme properties.

Expected behavior

I would expect to see all the SharePoint theme colors accurately represented based on the theme that is currently applied. This seems to work for the main theme colors (e.g. themePrimary, themeSecondary, etc), but not for neutrals (e.g. neutralSecondary, neutralDark, etc).

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[mbice]

Note: I'm not seeing this in all tenants. I have reproduced in two tenants (both first release) so far, but others seem fine.

[mbice]

Issue persists on some tenants and not others for us. Possibly related to this one? #8370

[erosu-hab]

The same issue is happening for us on multiple tenants, regardless if the theme is custom or an out-of-the box one.

[Norbert-q]

The same issue is happening for us. Is there a possible solution to the problem?

[CallumCrowley]

We also have an affected tenant. This has been reproduced on multiple tenants. Could we have an update on this issue?

[le-kalmique]

We have the same issue on multiple tenants (but not on every tenant). Is there any updates on this?

[github-actions]

Thank you for taking the time to file an issue. We periodically archive older or inactive issues as part of our issue management process, which automatically closes them once they are archived.

If you’d like to understand more about why and how we handle archived (closed) issues, please see Our approach to closed issues.

We appreciate your contribution and if this is still an active issue with the latest SPFx versions, please do resubmit the details. We needed to perform a cleanup, so that we can start with a clean table with a new process. We apologize for the inconvenience this might cause.