< Summary

Information

Class:	theme.ts
Assembly:	app.lib
File(s):	/home/runner/work/ClutterStock/ClutterStock/frontend/app/lib/theme.ts
Tag:	58_25416222083

Line coverage

100%

Branch coverage

100%

Method coverage

Feature is only available for sponsors

Metrics

#	Line	Line coverage
	`1`	`import { useState, useEffect } from "react";`
	`2`
	`3`	`export type ThemeId = "system" \| "tui" \| "win98" \| "cde";`
	`4`
3	`5`	`export function useTheme(): ThemeId {`
3	`6`	`const [theme, setTheme] = useState<ThemeId>("system");`
	`7`
3	`8`	`useEffect(() => {`
3	`9`	`const read = () =>`
3	`10`	`setTheme((document.documentElement.getAttribute("data-theme") as ThemeId) \|\| "system");`
	`11`
3	`12`	`read();`
	`13`
3	`14`	`const obs = new MutationObserver(read);`
3	`15`	`obs.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });`
3	`16`	`return () => obs.disconnect();`
	`17`	`}, []);`
	`18`
3	`19`	`return theme;`
	`20`	`}`