From 4b9a131d359ccfae1c13013070906cd8ffa4d51b Mon Sep 17 00:00:00 2001 From: Leni Aniva Date: Tue, 4 Feb 2025 17:15:26 -0800 Subject: [PATCH 1/2] feat: Front cover theme switch --- src/lib/theme.ts | 10 +++++++++- src/routes/+page.svelte | 9 ++++++++- 2 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/lib/theme.ts b/src/lib/theme.ts index 55ad19f..f7247d3 100644 --- a/src/lib/theme.ts +++ b/src/lib/theme.ts @@ -1,4 +1,4 @@ -import { writable } from 'svelte/store' +import { writable, get } from 'svelte/store' import { browser } from "$app/environment" type Theme = 'tokiwa' | 'star' @@ -11,3 +11,11 @@ export const theme = writable(userTheme ?? 'tokiwa') export function setTheme(newTheme: Theme) { theme.set(newTheme) } + +export function getThemeObject(key: string, obj: { [key in Theme]: string } | string) { + if (typeof obj === 'object') { + return obj[key]; + } else { + return obj; + } +} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 10c7032..06094a1 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,6 +1,8 @@ @@ -46,7 +53,7 @@
-- 2.44.1 From 2b11a969fc134f22f2d2c510d6058f3f0cd25cd3 Mon Sep 17 00:00:00 2001 From: Leni Aniva Date: Tue, 4 Feb 2025 20:35:55 -0800 Subject: [PATCH 2/2] feat: Use svh for front cover and theme-color --- src/app.html | 1 + src/routes/+page.svelte | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/app.html b/src/app.html index 936c4a3..be3fdc0 100644 --- a/src/app.html +++ b/src/app.html @@ -6,6 +6,7 @@ %sveltekit.head% +
%sveltekit.body%
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 06094a1..42a4cd6 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -120,8 +120,8 @@ background-position: center center; z-index: -10; position: absolute; - min-width: 100vw; - height: 100vh; + min-width: 100svw; + height: 100svh; overscroll-behaviour: none; } #front { -- 2.44.1