[BUG] - NextUIProvider color-scheme incorrect

[jackyleefu]

Describe the bug

NextUIProvider: incorrect color-scheme value for style attribute of html element

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

the problem is nextui/packages/react/src/theme/utils.ts getThemeName last line: el?.setAttribute("style", clsx(prevStyles, color-scheme: ${theme};)); ==> el?.setAttribute("style", clsx(prevStyles, color-scheme: ${getThemeName(theme)};));

Expected behavior

color-scheme: dark; OR color-scheme: light; without -theme

Screenshots or Videos

Operating System Version

OS: Windows

Browser

Chrome

[jrgarciadev]

Hey @jackyleefu could you please create a repository/codesandbox? The ThemeType value its always dark / light so in theory, it should only put color-scheme: dark/light unless you call manually the changeTheme function with other theme value

[jackyleefu]

https://codesandbox.io/s/little-morning-6ub1i4?file=/src/index.js

[jackyleefu]

Hey @jrgarciadev, createThemeBase() used default className(${type}-theme) in stitches.config.ts, so useEffect in ThemeProvider will changeTheme(userTheme.className);

[sun0day]

I can offer a PR @jrgarciadev