happyDomain/happyDeliver
2
0
Fork 0
Code Issues 7 Pull requests 7 Projects Releases Packages Wiki Activity Actions

Add a dark mode

Browse source
This commit is contained in:
nemunaire 2025-10-25 11:16:56 +07:00
commit 0325139461
12 changed files with 199 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/src/lib/components/EmailAddressDisplay.svelte
View file

@ -1,4 +1,6 @@
<script lang="ts">
import { theme } from "$lib/stores/theme";
interface Props {
email: string;
}
@ -24,7 +26,11 @@
}
</script>
<div class="bg-light rounded rounded-4 p-4">
<div
class="rounded rounded-4 p-4"
class:bg-light={$theme === "light"}
class:bg-secondary={$theme !== "light"}
>
<div class="input-group">
<input
bind:this={inputElement}
@ -36,6 +42,8 @@
/>
<button
class="btn btn-outline-primary clipboard-btn"
class:btn-outline-primary={$theme === "light"}
class:btn-primary={$theme !== "light"}
onclick={copyToClipboard}
title="Copy to clipboard"
>