v9: Theme Designer

[blendsdk]

Hi,

I have been playing with the v9 theme designer for selecting an appropriate color scheme for my application. It seems that the color selected from the color picker is not directly used in any of 16 shades generated by the designer.

One would expect that the selected color using the color picker is the "primary" brand color and not a shade generated from the selected color.

How can I fix/change this behaviour?

Thanks.

[hassanu-t]

I am having the same issue, I enter my color and it generates a palette without my main color in it!

[blendsdk]

I think we need to dig into this function for some answers:

fluentui/packages/react-components/theme-designer/src/utils/getBrandTokensFromPalette.ts

Line 25 in 70d3d23

export function getBrandTokensFromPalette(keyColor: string, options: Options = {}) {