rythondev/dsec-notebook
1
0
Fork 0
mirror of https://github.com/dsec-hub/dsec-notebook.git synced 2026-09-22 07:24:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #25 from dsec-hub/ui/meta-theme-color

Browse source 
updated meta theme colour
This commit is contained in:
RythonDev 2026-09-05 12:23:05 +08:00 committed by GitHub
commit c135b017fb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.html
View file

@ -7,7 +7,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Notebook" /> <meta name="apple-mobile-web-app-title" content="Notebook" />
<meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="telephone=no" />
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="#ea4c65" />
<script> <script>
(function () { (function () {
var stored = localStorage.getItem("dsec_theme"); var stored = localStorage.getItem("dsec_theme");
@ -17,8 +17,6 @@
var root = document.documentElement; var root = document.documentElement;
root.classList.toggle("dark", dark); root.classList.toggle("dark", dark);
root.style.colorScheme = dark ? "dark" : "light"; root.style.colorScheme = dark ? "dark" : "light";
var meta = document.querySelector('meta[name="theme-color"]');
if (meta) meta.setAttribute("content", dark ? "#131014" : "#ffffff");
})(); })();
</script> </script>
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />

2
src/lib/stores/theme.ts
View file

@ -17,8 +17,6 @@ function applyTheme(value: Theme) {
const root = document.documentElement; const root = document.documentElement;
root.classList.toggle("dark", value === "dark"); root.classList.toggle("dark", value === "dark");
root.style.colorScheme = value; root.style.colorScheme = value;
const meta = document.querySelector('meta[name="theme-color"]');
if (meta) meta.setAttribute("content", value === "dark" ? "#131014" : "#ffffff");
} }
export function toggleTheme() { export function toggleTheme() {

2
vite.config.ts
View file

@ -33,7 +33,7 @@ export default defineConfig({
scope: "/", scope: "/",
display: "standalone", display: "standalone",
background_color: "#ffffff", background_color: "#ffffff",
theme_color: "#ffffff", theme_color: "#ea4c65",
lang: "en", lang: "en",
}, },
pwaAssets: { pwaAssets: {