Brand Center - Secondary Color Support

[timdhahn]

What type of issue is this?

Question

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

💥 SharePoint Framework

Target SharePoint environment

SharePoint Online

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

• Edge 150.0.4078.99
• SPFx 1.23.2
• Node.js 22
• etc

Issue description

The addition of the Brand Center gives users the ability to have specific secondary colors in their theme. In SPFx, we get access to these based on the section background.

In the first theme, Novia Dark with Yellow - the secondary colors are:

• black
• red
• white

The question or request is how can I access the secondary colors outside of dynamic sections. The expectation that users can now choose these colors in extensions or web parts regardless of the section background.

Is there a way to expose or access brand center secondary colors?

I know there is the themeVariant and the experimental 'schemes' object - but that only gets us neutral, soft, strong (which are just variants on the primary theme color)

Let me know if I am overlooking something - Thanks!

[Ashlesha-MSFT]

@timdhahn,
Thanks for raising this — you are not missing anything. This is a confirmed feature gap.

The current SPFx theme API (themeVariant, schemes) only exposes neutral/soft/strong variants of the primary color ramp, not Brand Center secondary colors. There is no documented API to access them in web parts or extensions outside of section background context. Note: the standard themeSecondary token is just the second shade in the primary ramp, not the Brand Center secondary palette.

Workaround for now: Run window.themeState.theme in browser dev tools to inspect all registered tokens — if Brand Center secondary colors are injected as named tokens, they would appear there and could be referenced via CSS theme token syntax.

For a proper solution, we'd need the SPFx team to expose Brand Center secondary color tokens through the theme API. Could you please raise this as a feature request so the product team can track and prioritize it?
https://feedbackportal.microsoft.com/feedback/forum/06735c62-321c-ec11-b6e7-0022481f8472