logaritmisk/biggus-dickus
1
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): mount ThemeSwitch in header + pre-paint theme init (#59)

Browse Source
This commit is contained in:
Anders Olsson
2026-06-07 16:37:04 +02:00
parent 6d17e5f84d
commit 4f3db60ed2
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+10
View File
@@ -4,6 +4,16 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Collection</title> <title>Collection</title>
<script>
try {
var t = localStorage.getItem("theme") || "system";
var dark =
t === "dark" ||
(t === "system" &&
window.matchMedia("(prefers-color-scheme: dark)").matches);
document.documentElement.classList.toggle("dark", dark);
} catch (e) {}
</script>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
web/src/shell/app-shell.tsx
+2
View File
@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
import { useLogout } from "../api/queries"; import { useLogout } from "../api/queries";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { LangSwitch } from "./lang-switch"; import { LangSwitch } from "./lang-switch";
import { ThemeSwitch } from "./theme-switch";
import { Sidebar } from "./sidebar"; import { Sidebar } from "./sidebar";
export function AppShell() { export function AppShell() {
@@ -22,6 +23,7 @@ export function AppShell() {
<div className="flex flex-1 flex-col"> <div className="flex flex-1 flex-col">
<header className="flex items-center gap-4 border-b px-4 py-2"> <header className="flex items-center gap-4 border-b px-4 py-2">
<div className="flex-1" /> <div className="flex-1" />
<ThemeSwitch />
<LangSwitch /> <LangSwitch />
<Button variant="ghost" size="sm" onClick={onSignOut}> <Button variant="ghost" size="sm" onClick={onSignOut}>
{t("auth.signOut")} {t("auth.signOut")}