This repository was archived by the owner on Jul 2, 2024. It is now read-only.

Commit 094a283

authored

[Presentation] Database normalization (w/o styling) (#223)

1 parent 120434a commit 094a283Copy full SHA for 094a283

File tree

+1627

-1284

lines changed

+1627

-1284

lines changed

Lines changed: 45 additions & 0 deletions

Lines changed: 101 additions & 0 deletions

Lines changed: 33 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,33 @@`
	`1`	`+// theme variables`
	`2`	`+const themeAttribute = "data-theme"`
	`3`	`+const theme = {`
	`4`	`+ light: "light",`
	`5`	`+ dark: "dark",`
	`6`	`+}`
	`7`	`+const userTheme = localStorage.getItem(themeAttribute)`
	`8`	`+const isSystemThemeDark = window.matchMedia("(prefers-color-scheme: dark)").matches`
	`9`	`+`
	`10`	`+`
	`11`	`+// initial theme check`
	`12`	`+const checkTheme = () => {`
	`13`	`+ if (userTheme === theme.dark \|\| (!userTheme && isSystemThemeDark)) {`
	`14`	`+ document.documentElement.setAttribute(themeAttribute, theme.dark)`
	`15`	`+ } else document.documentElement.setAttribute(themeAttribute, theme.light)`
	`16`	`+}`
	`17`	`+`
	`18`	`+`
	`19`	`+// manual theme select`
	`20`	`+const swapTheme = () => {`
	`21`	`+ const currentTheme = document.documentElement.getAttribute(themeAttribute)`
	`22`	`+ const themeValue = currentTheme === theme.light ? theme.dark : theme.light`
	`23`	`+ localStorage.setItem(themeAttribute, themeValue)`
	`24`	`+ document.documentElement.setAttribute(themeAttribute, themeValue)`
	`25`	`+}`
	`26`	`+`
	`27`	`+`
	`28`	`+const swapThemeBtn = document.getElementById("swap-theme-btn");`
	`29`	`+if (swapThemeBtn) swapThemeBtn.addEventListener("click", swapTheme)`
	`30`	`+`
	`31`	`+document.addEventListener("DOMContentLoaded", () => {`
	`32`	`+ checkTheme()`
	`33`	`+})`

Comments

(0)