From dcd3857c80642693c80c9cf2824e07d8079104fe Mon Sep 17 00:00:00 2001 From: dtonon Date: Wed, 27 May 2026 22:13:48 +0100 Subject: [PATCH] Enable dark mode --- src/app.html | 13 +++ src/lib/components/ChatSidebar.svelte | 34 +++---- src/lib/components/DeleteModal.svelte | 12 +-- src/lib/components/DiscussionsFeed.svelte | 6 +- src/lib/components/JoinModal.svelte | 12 +-- src/lib/components/LatestDiscussions.svelte | 10 +- src/lib/components/LeftSidebar.svelte | 93 +++++++++--------- src/lib/components/LoginModal.svelte | 12 +-- src/lib/components/MentionAutocomplete.svelte | 18 ++-- src/lib/components/MessageEditor.svelte | 12 +-- src/lib/components/MobileMenu.svelte | 94 ++++++++++--------- src/lib/components/Navbar.svelte | 6 +- src/lib/components/NewDiscussionModal.svelte | 20 ++-- src/lib/components/PostContent.svelte | 8 +- src/lib/components/SortToggle.svelte | 8 +- src/lib/components/ThemeToggle.svelte | 65 +++++++++++++ src/lib/components/ThreadItem.svelte | 16 ++-- src/lib/components/ThreadScrubber.svelte | 8 +- src/lib/components/Toast.svelte | 2 +- src/lib/theme.svelte.ts | 61 ++++++++++++ src/routes/+layout.svelte | 10 +- src/routes/+page.svelte | 18 ++-- src/routes/contacts/+page.svelte | 20 ++-- src/routes/layout.css | 36 +++++++ src/routes/resource/[slug]/+page.svelte | 6 +- src/routes/thread/[id]/+page.svelte | 30 +++--- 26 files changed, 410 insertions(+), 220 deletions(-) create mode 100644 src/lib/components/ThemeToggle.svelte create mode 100644 src/lib/theme.svelte.ts diff --git a/src/app.html b/src/app.html index b6a3073..509f37d 100644 --- a/src/app.html +++ b/src/app.html @@ -4,6 +4,19 @@ + %sveltekit.head% diff --git a/src/lib/components/ChatSidebar.svelte b/src/lib/components/ChatSidebar.svelte index d88bf75..432e7f3 100644 --- a/src/lib/components/ChatSidebar.svelte +++ b/src/lib/components/ChatSidebar.svelte @@ -190,7 +190,7 @@ diff --git a/src/lib/components/DeleteModal.svelte b/src/lib/components/DeleteModal.svelte index b93d727..38ca355 100644 --- a/src/lib/components/DeleteModal.svelte +++ b/src/lib/components/DeleteModal.svelte @@ -38,15 +38,15 @@ onclick={cancelDelete} > {/if} -
@@ -78,7 +78,7 @@ type="button" onclick={cancelDelete} disabled={deleteState.busy} - class="rounded px-3 py-2 text-sm font-medium text-neutral-600 hover:bg-neutral-100 disabled:opacity-50" + class="rounded px-3 py-2 text-sm font-medium text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800 disabled:opacity-50" > Cancel diff --git a/src/lib/components/DiscussionsFeed.svelte b/src/lib/components/DiscussionsFeed.svelte index 77087ce..2ea378c 100644 --- a/src/lib/components/DiscussionsFeed.svelte +++ b/src/lib/components/DiscussionsFeed.svelte @@ -116,7 +116,7 @@
{#if threadStore.loading && rows.length === 0} -

+

Loading discussions…

{:else if !threadStore.exhausted} @@ -125,12 +125,12 @@ onclick={() => loadMore(groupId)} disabled={threadStore.loadingMore} aria-busy={threadStore.loadingMore} - class="rounded border border-neutral-200 px-6 py-1.5 text-sm font-medium text-neutral-700 hover:bg-neutral-50 disabled:opacity-50" + class="rounded border border-neutral-200 dark:border-neutral-700 px-6 py-1.5 text-sm font-medium text-neutral-700 dark:text-neutral-300 hover:bg-neutral-50 dark:hover:bg-neutral-800 disabled:opacity-50" > {threadStore.loadingMore ? "Loading…" : "Show more"} {:else if rows.length > 0} -

No more discussions

+

No more discussions

{/if} diff --git a/src/lib/components/JoinModal.svelte b/src/lib/components/JoinModal.svelte index 27d7bce..37296a7 100644 --- a/src/lib/components/JoinModal.svelte +++ b/src/lib/components/JoinModal.svelte @@ -37,7 +37,7 @@ onclick={onClose} > diff --git a/src/lib/components/LoginModal.svelte b/src/lib/components/LoginModal.svelte index 0bc1029..98166a6 100644 --- a/src/lib/components/LoginModal.svelte +++ b/src/lib/components/LoginModal.svelte @@ -88,7 +88,7 @@ onclick={onClose} >