Dark UI for react-select

This commit is contained in:
Jamie Curnow
2025-09-22 23:14:00 +10:00
parent 94375bbc5f
commit d85e515ab9
8 changed files with 67 additions and 16 deletions

View File

@@ -40,6 +40,8 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
useEffect(() => {
document.body.dataset.theme = theme;
document.body.classList.remove(theme === Light ? Dark : Light);
document.body.classList.add(theme);
localStorage.setItem(StorageKey, theme);
}, [theme]);
@@ -53,7 +55,7 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
const getTheme = () => {
return theme;
}
};
document.documentElement.setAttribute("data-bs-theme", theme);
return <ThemeContext.Provider value={{ theme, toggleTheme, setTheme, getTheme }}>{children}</ThemeContext.Provider>;