diff options
| author | Adam Soltys <[email protected]> | 2025-09-09 15:15:24 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2025-09-09 15:15:24 -0700 |
| commit | 19769c1eafbcb97dbea37cf210497acb7aad56e8 (patch) | |
| tree | 8a600477bbafee07b21f90b4eba07495fc8d5881 | |
| parent | 0db1b61f6f3393feb45558618859fe824769ed4b (diff) | |
| download | coinos-ui-19769c1eafbcb97dbea37cf210497acb7aad56e8.tar.gz coinos-ui-19769c1eafbcb97dbea37cf210497acb7aad56e8.zip | |
dark mode fix
| -rw-r--r-- | src/app.css | 10 | ||||
| -rw-r--r-- | src/routes/(app)/settings/nostr/+page.svelte | 3 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 14 |
3 files changed, 22 insertions, 5 deletions
diff --git a/src/app.css b/src/app.css index fca47b23..901893b9 100644 --- a/src/app.css +++ b/src/app.css @@ -48,7 +48,15 @@ html { font-family: PublicSans, sans-serif; } .input { @apply input-lg input-primary h-16 px-4; } /* If you want to *turn* native inputs into DaisyUI inputs via @apply: */ -input:not([type="range"]) { @apply input input-lg input-primary h-16 px-4; } +input[type="text"], +input[type="email"], +input[type="password"], +input[type="number"], +input[type="search"], +input[type="url"], +input[type="tel"] { + @apply input input-lg input-primary h-16 px-4; +} textarea { @apply textarea textarea-lg textarea-primary py-4; } select { @apply select select-lg select-primary h-16 px-4; } diff --git a/src/routes/(app)/settings/nostr/+page.svelte b/src/routes/(app)/settings/nostr/+page.svelte index 9129e8f3..7168f4f7 100644 --- a/src/routes/(app)/settings/nostr/+page.svelte +++ b/src/routes/(app)/settings/nostr/+page.svelte @@ -172,7 +172,7 @@ onclick={() => copy(npub)} aria-label="Copy" ><iconify-icon noobserver icon="ph:copy-bold" width="32" - ></iconify-icon></button + ></iconify-icon> {$t("accounts.copy")}</button > <a @@ -181,6 +181,7 @@ aria-label="QR" > <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon> +{$t("accounts.qr")} </a> </div> </div> diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 8ae31608..7653e05a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -7,13 +7,21 @@ import { onMount } from "svelte"; import { installPrompt, theme as themeStore } from "$lib/store"; + +const map = { light: 'lofi', dark: 'black', system: 'system' }; + let { data, children } = $props(); let { pathname, theme } = $state(data); $effect(() => ($themeStore = data.theme)); $effect(() => (theme = $themeStore)); - $effect(() => { - document.documentElement.setAttribute("data-theme", theme); - }); +$effect(() => { + const v = map[theme] ?? theme; + if (!v || v === 'system') { + document.documentElement.removeAttribute('data-theme'); + } else { + document.documentElement.setAttribute('data-theme', v); + } +}); let host = PUBLIC_DOMAIN.includes("localhost") ? `http://${PUBLIC_DOMAIN}` |