Hitonabi/rippy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): Visuelles High-End Overhaul fuer Cinematic Cinema OS (3D Spin-Disc, Hero Banner, Radial Gauges & Poster Grid)
Ampel / ampel (push) Successful in 27s
Details

Browse Source
This commit is contained in:
Hitonabi
2026-07-24 16:18:58 +02:00
parent b8162753a9
commit 3643f74eb1
6 changed files with 457 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/ui/src/context/ThemeContext.tsx
+7 -7
View File
@@ -10,18 +10,18 @@ interface ThemeContextType {
const ThemeContext = createContext<ThemeContextType | undefined>(undefined)
export function ThemeProvider({ children }: { children: ReactNode }) {
const [theme, setTheme] = useState<Theme>('light')
const [theme, setTheme] = useState<Theme>('dark')
useEffect(() => {
const savedTheme = localStorage.getItem('theme')
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
const savedTheme = localStorage.getItem('theme') as Theme | null
const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches
if (savedTheme === 'dark' || (!savedTheme && prefersDark)) {
setTheme('dark')
document.documentElement.classList.add('dark')
} else {
if (savedTheme === 'light' || (!savedTheme && prefersLight)) {
setTheme('light')
document.documentElement.classList.remove('dark')
} else {
setTheme('dark')
document.documentElement.classList.add('dark')
}
}, [])