Assign css theme either with a prop on App or through the fluent theme.

[Futuremappermydud]

Currently there is no proper way to set a global css color scheme on the fluent UI root, this makes it difficult to apply a CSS colors scheme to drop downs which will have browser scrollbars that will not be themed. The fluent theme passed to the root App component could have a color scheme field that's applied to the root or passing through classes from the App component.

Example (chrome)

Maybe I'm just missing something but I don't see an easy way to do this.

[ryu-man]

@Futuremappermydud I think currently the scrollbars are not styled with the fluent theme; maybe you can do that manually in CSS by using the :global() selector

[Futuremappermydud]

@Futuremappermydud I think currently the scrollbars are not styled with the fluent theme; maybe you can do that manually in CSS by using the :global() selector

Yes I ended up wrapping the whole app in a div to apply it

[ryu-man]

you can use :global(selector) directly or define styles in a css file then import it in the root of your app and the styles will be available globally