From 290274d6c8394791de5ab2df2842f823e1c2c4a0 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 25 Sep 2025 10:52:32 -0700
Subject: [PATCH] Tweak light theme, remove conditional button classes

---
 src/app/components/Landing.svelte         |  2 +-
 src/app/components/MenuSettings.svelte    | 14 +++++++-------
 src/app/components/MenuSpaces.svelte      |  2 +-
 src/app/components/MenuSpacesItem.svelte  |  2 +-
 src/app/components/SpaceAdd.svelte        |  2 +-
 src/app/components/SpaceQuickLinks.svelte |  3 ++-
 src/routes/home/+page.svelte              |  6 +++---
 src/routes/settings/profile/+page.svelte  |  4 +---
 tailwind.config.js                        |  1 +
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/app/components/Landing.svelte b/src/app/components/Landing.svelte
index e5356ba2..b3f674d0 100644
--- a/src/app/components/Landing.svelte
+++ b/src/app/components/Landing.svelte
@@ -35,7 +35,7 @@
         {/snippet}
       </CardButton>
     </Button>
-    <Button onclick={signUp} class="dark:btn-neutral">
+    <Button onclick={signUp} class="btn-neutral">
       <CardButton>
         {#snippet icon()}
           <div><Icon icon={AddCircle} size={7} /></div>
diff --git a/src/app/components/MenuSettings.svelte b/src/app/components/MenuSettings.svelte
index dbb18b54..e0518953 100644
--- a/src/app/components/MenuSettings.svelte
+++ b/src/app/components/MenuSettings.svelte
@@ -23,7 +23,7 @@
 
 <div class="column menu gap-2">
   <Link replaceState href="/settings/profile">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={UserRounded} size={7} /></div>
       {/snippet}
@@ -36,7 +36,7 @@
     </CardButton>
   </Link>
   <Link replaceState href="/settings/alerts">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Bell} size={7} /></div>
       {/snippet}
@@ -49,7 +49,7 @@
     </CardButton>
   </Link>
   <Link replaceState href="/settings/wallet">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Wallet} size={7} /></div>
       {/snippet}
@@ -62,7 +62,7 @@
     </CardButton>
   </Link>
   <Link replaceState href="/settings/relays">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Server} size={7} /></div>
       {/snippet}
@@ -75,7 +75,7 @@
     </CardButton>
   </Link>
   <Link replaceState href="/settings/content">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Settings} size={7} /></div>
       {/snippet}
@@ -88,7 +88,7 @@
     </CardButton>
   </Link>
   <Button onclick={toggleTheme}>
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Moon} size={7} /></div>
       {/snippet}
@@ -101,7 +101,7 @@
     </CardButton>
   </Button>
   <Link replaceState href="/settings/about">
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={Code2} size={7} /></div>
       {/snippet}
diff --git a/src/app/components/MenuSpaces.svelte b/src/app/components/MenuSpaces.svelte
index c0afac1b..eece84db 100644
--- a/src/app/components/MenuSpaces.svelte
+++ b/src/app/components/MenuSpaces.svelte
@@ -19,7 +19,7 @@
       <Divider />
     {/if}
     <Link href="/discover">
-      <CardButton class="dark:btn-neutral">
+      <CardButton class="btn-neutral">
         {#snippet icon()}
           <div><Icon icon={Compass} size={7} /></div>
         {/snippet}
diff --git a/src/app/components/MenuSpacesItem.svelte b/src/app/components/MenuSpacesItem.svelte
index 851c3985..81ee75c9 100644
--- a/src/app/components/MenuSpacesItem.svelte
+++ b/src/app/components/MenuSpacesItem.svelte
@@ -13,7 +13,7 @@
 </script>
 
 <Link replaceState href={path}>
-  <CardButton class="dark:btn-neutral">
+  <CardButton class="btn-neutral">
     {#snippet icon()}
       <div><SpaceAvatar {url} /></div>
     {/snippet}
diff --git a/src/app/components/SpaceAdd.svelte b/src/app/components/SpaceAdd.svelte
index 50bd9869..e7bc5519 100644
--- a/src/app/components/SpaceAdd.svelte
+++ b/src/app/components/SpaceAdd.svelte
@@ -37,7 +37,7 @@
     </CardButton>
   </Button>
   <Button onclick={startCreate}>
-    <CardButton class="dark:btn-neutral">
+    <CardButton class="btn-neutral">
       {#snippet icon()}
         <div><Icon icon={AddCircle} size={7} /></div>
       {/snippet}
diff --git a/src/app/components/SpaceQuickLinks.svelte b/src/app/components/SpaceQuickLinks.svelte
index bc25a5e4..8c3fea88 100644
--- a/src/app/components/SpaceQuickLinks.svelte
+++ b/src/app/components/SpaceQuickLinks.svelte
@@ -3,6 +3,7 @@
   import {fade} from "@lib/transition"
   import CompassBig from "@assets/icons/compass-big.svg?dataurl"
   import NotesMinimalistic from "@assets/icons/notes-minimalistic.svg?dataurl"
+  import StarFallMinimalistic from "@assets/icons/star-fall-minimalistic.svg?dataurl"
   import CalendarMinimalistic from "@assets/icons/calendar-minimalistic.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import Lock from "@assets/icons/lock-keyhole.svg?dataurl"
@@ -64,7 +65,7 @@
   <div class="flex flex-col gap-2">
     <Link href={goalsPath} class="btn btn-neutral w-full justify-start">
       <div class="relative flex items-center gap-2">
-        <Icon icon={NotesMinimalistic} />
+        <Icon icon={StarFallMinimalistic} />
         Goals
         {#if $notifications.has(goalsPath)}
           <div
diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
index 31bb05e1..3bcd3f94 100644
--- a/src/routes/home/+page.svelte
+++ b/src/routes/home/+page.svelte
@@ -32,7 +32,7 @@
       <h1 class="mb-4 text-center text-5xl font-bold uppercase">{PLATFORM_NAME}</h1>
       <div class="col-3">
         <Button onclick={addSpace}>
-          <CardButton class="dark:btn-neutral">
+          <CardButton class="btn-neutral">
             {#snippet icon()}
               <div><Icon icon={AddCircle} size={7} /></div>
             {/snippet}
@@ -45,7 +45,7 @@
           </CardButton>
         </Button>
         <Link href="/discover">
-          <CardButton class="dark:btn-neutral">
+          <CardButton class="btn-neutral">
             {#snippet icon()}
               <div><Icon icon={Compass} size={7} /></div>
             {/snippet}
@@ -58,7 +58,7 @@
           </CardButton>
         </Link>
         <Button onclick={openChat}>
-          <CardButton class="dark:btn-neutral">
+          <CardButton class="btn-neutral">
             {#snippet icon()}
               <div><Icon icon={ChatRound} size={7} /></div>
             {/snippet}
diff --git a/src/routes/settings/profile/+page.svelte b/src/routes/settings/profile/+page.svelte
index 58e95662..b1ce4837 100644
--- a/src/routes/settings/profile/+page.svelte
+++ b/src/routes/settings/profile/+page.svelte
@@ -61,9 +61,7 @@
           </div>
         </div>
       </div>
-      <Button
-        class="center btn btn-circle -mr-4 -mt-4 h-12 w-12 dark:btn-neutral"
-        onclick={startEdit}>
+      <Button class="center btn btn-circle btn-neutral -mr-4 -mt-4 h-12 w-12" onclick={startEdit}>
         <Icon icon={PenNewSquare} />
       </Button>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index af3c0e39..f5c279a3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -36,6 +36,7 @@ export default {
         },
         light: {
           ...themes["winter"],
+          neutral: '#F2F7FF',
           primary: process.env.VITE_PLATFORM_ACCENT,
           "primary-content": process.env.VITE_PLATFORM_ACCENT_CONTENT || "#EAE7FF",
           secondary: process.env.VITE_PLATFORM_SECONDARY,