From a52c2b4c3ce22765ff8a7be70438fc3a4b36b79b Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Wed, 5 Nov 2025 15:32:55 -0800
Subject: [PATCH] Lighten up shadows

---
 src/app/components/Alerts.svelte            | 4 ++--
 src/app/components/CalendarEventItem.svelte | 2 +-
 src/app/components/ComposeMenu.svelte       | 2 +-
 src/app/components/EventMenu.svelte         | 2 +-
 src/app/components/GoalItem.svelte          | 2 +-
 src/app/components/MenuSpace.svelte         | 2 +-
 src/app/components/PeopleItem.svelte        | 2 +-
 src/app/components/RoomItemMenu.svelte      | 2 +-
 src/app/components/ThreadItem.svelte        | 2 +-
 src/app/components/ThunkStatusDetail.svelte | 2 +-
 src/lib/components/Dialog.svelte            | 2 +-
 src/lib/components/PageBar.svelte           | 2 +-
 src/routes/discover/+page.svelte            | 4 ++--
 src/routes/settings/about/+page.svelte      | 4 ++--
 src/routes/settings/content/+page.svelte    | 2 +-
 src/routes/settings/profile/+page.svelte    | 8 ++++----
 src/routes/settings/relays/+page.svelte     | 6 +++---
 src/routes/settings/wallet/+page.svelte     | 4 ++--
 18 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/app/components/Alerts.svelte b/src/app/components/Alerts.svelte
index 7ef417e..a98b5c5 100644
--- a/src/app/components/Alerts.svelte
+++ b/src/app/components/Alerts.svelte
@@ -89,7 +89,7 @@
 </script>
 
 <div class="col-4">
-  <div class="card2 bg-alt flex flex-col gap-6 shadow-xl">
+  <div class="card2 bg-alt flex flex-col gap-6 shadow-md">
     <div class="flex items-center justify-between">
       <strong class="flex items-center gap-3">
         <Icon icon={Inbox} />
@@ -108,7 +108,7 @@
       {/each}
     </div>
   </div>
-  <div class="card2 bg-alt flex flex-col gap-4 shadow-xl">
+  <div class="card2 bg-alt flex flex-col gap-4 shadow-md">
     <div class="flex items-center justify-between">
       <strong class="flex items-center gap-3">
         <Icon icon={Bell} />
diff --git a/src/app/components/CalendarEventItem.svelte b/src/app/components/CalendarEventItem.svelte
index e3ab5b9..534d978 100644
--- a/src/app/components/CalendarEventItem.svelte
+++ b/src/app/components/CalendarEventItem.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <Link
-  class="col-3 card2 bg-alt w-full cursor-pointer shadow-xl"
+  class="col-3 card2 bg-alt w-full cursor-pointer shadow-md"
   href={makeCalendarPath(url, event.id)}>
   <CalendarEventHeader {event} />
   <div class="flex w-full flex-col items-end justify-between gap-2 sm:flex-row">
diff --git a/src/app/components/ComposeMenu.svelte b/src/app/components/ComposeMenu.svelte
index 6bdf8b4..26ec76a 100644
--- a/src/app/components/ComposeMenu.svelte
+++ b/src/app/components/ComposeMenu.svelte
@@ -31,7 +31,7 @@
   })
 </script>
 
-<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-xl" bind:this={ul}>
+<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-md" bind:this={ul}>
   <li>
     <Button onclick={createGoal}>
       <Icon size={4} icon={StarFallMinimalistic} />
diff --git a/src/app/components/EventMenu.svelte b/src/app/components/EventMenu.svelte
index 3664e8f..9c8650a 100644
--- a/src/app/components/EventMenu.svelte
+++ b/src/app/components/EventMenu.svelte
@@ -54,7 +54,7 @@
   })
 </script>
 
-<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-xl" bind:this={ul}>
+<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-md" bind:this={ul}>
   {#if isRoot}
     <li>
       <Button onclick={share}>
diff --git a/src/app/components/GoalItem.svelte b/src/app/components/GoalItem.svelte
index cf406b5..0fc5566 100644
--- a/src/app/components/GoalItem.svelte
+++ b/src/app/components/GoalItem.svelte
@@ -20,7 +20,7 @@
   const h = getTagValue("h", event.tags)
 </script>
 
-<Link class="col-2 card2 bg-alt w-full cursor-pointer shadow-xl" href={makeGoalPath(url, event.id)}>
+<Link class="col-2 card2 bg-alt w-full cursor-pointer shadow-md" href={makeGoalPath(url, event.id)}>
   <p class="text-2xl">{event.content}</p>
   <Content
     event={{content: summary, tags: event.tags}}
diff --git a/src/app/components/MenuSpace.svelte b/src/app/components/MenuSpace.svelte
index 7e80ba7..b94fc10 100644
--- a/src/app/components/MenuSpace.svelte
+++ b/src/app/components/MenuSpace.svelte
@@ -133,7 +133,7 @@
         <Popover hideOnClick onClose={toggleMenu}>
           <ul
             transition:fly
-            class="menu absolute z-popover mt-2 w-full gap-1 rounded-box bg-base-100 p-2 shadow-xl">
+            class="menu absolute z-popover mt-2 w-full gap-1 rounded-box bg-base-100 p-2 shadow-md">
             <li>
               <Button onclick={createInvite}>
                 <Icon icon={LinkRound} />
diff --git a/src/app/components/PeopleItem.svelte b/src/app/components/PeopleItem.svelte
index 7afb48f..34b7ef0 100644
--- a/src/app/components/PeopleItem.svelte
+++ b/src/app/components/PeopleItem.svelte
@@ -18,7 +18,7 @@
   const openProfile = () => pushModal(ProfileDetail, {pubkey, url})
 </script>
 
-<div class="card2 bg-alt flex flex-col gap-4 shadow-xl">
+<div class="card2 bg-alt flex flex-col gap-4 shadow-md">
   <div class="flex justify-between">
     <Profile {pubkey} {url} />
     <Button onclick={openProfile} class="btn btn-primary hidden sm:flex">
diff --git a/src/app/components/RoomItemMenu.svelte b/src/app/components/RoomItemMenu.svelte
index 3bd2d3f..69d94d5 100644
--- a/src/app/components/RoomItemMenu.svelte
+++ b/src/app/components/RoomItemMenu.svelte
@@ -35,7 +35,7 @@
   }
 </script>
 
-<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-xl">
+<ul class="menu whitespace-nowrap rounded-box bg-base-100 p-2 shadow-md">
   <li>
     <Button onclick={showInfo}>
       <Icon size={4} icon={Code2} />
diff --git a/src/app/components/ThreadItem.svelte b/src/app/components/ThreadItem.svelte
index c194e2b..1fc6f93 100644
--- a/src/app/components/ThreadItem.svelte
+++ b/src/app/components/ThreadItem.svelte
@@ -21,7 +21,7 @@
 </script>
 
 <Link
-  class="col-2 card2 bg-alt w-full cursor-pointer shadow-xl"
+  class="col-2 card2 bg-alt w-full cursor-pointer shadow-md"
   href={makeThreadPath(url, event.id)}>
   {#if title}
     <div class="flex w-full items-center justify-between gap-2">
diff --git a/src/app/components/ThunkStatusDetail.svelte b/src/app/components/ThunkStatusDetail.svelte
index b388b34..cc8b265 100644
--- a/src/app/components/ThunkStatusDetail.svelte
+++ b/src/app/components/ThunkStatusDetail.svelte
@@ -23,7 +23,7 @@
   })
 </script>
 
-<div class="card2 bg-alt col-2 shadow-2xl">
+<div class="card2 bg-alt col-2 shadow-lg">
   <p>
     Failed to publish to {displayRelayUrl(url)}: {message}.
   </p>
diff --git a/src/lib/components/Dialog.svelte b/src/lib/components/Dialog.svelte
index fe04443..71d76df 100644
--- a/src/lib/components/Dialog.svelte
+++ b/src/lib/components/Dialog.svelte
@@ -14,7 +14,7 @@
   const extraClass = $derived(
     !fullscreen &&
       cx(
-        "bg-alt text-base-content overflow-auto text-base-content shadow-xl",
+        "bg-alt text-base-content overflow-auto text-base-content shadow-md",
         "px-4 py-6 bottom-0 left-0 right-0 top-20 rounded-t-box absolute",
         "sm:p-6 sm:max-h-[90vh] sm:w-[520px] sm:rounded-box sm:relative sm:top-0",
       ),
diff --git a/src/lib/components/PageBar.svelte b/src/lib/components/PageBar.svelte
index 9f4fb44..eb81f22 100644
--- a/src/lib/components/PageBar.svelte
+++ b/src/lib/components/PageBar.svelte
@@ -13,7 +13,7 @@
 
 <div data-component="PageBar" class="cw top-sai fixed z-feature p-2 {props.class}">
   <div
-    class="flex min-h-12 items-center justify-between gap-4 rounded-xl bg-base-100 px-4 shadow-xl">
+    class="flex min-h-12 items-center justify-between gap-4 rounded-xl bg-base-100 px-4 shadow-md">
     <div class="ellipsize flex items-center gap-4 whitespace-nowrap">
       {@render props.icon?.()}
       {@render props.title?.()}
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
index 4f96c4f..86b1669 100644
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -145,7 +145,7 @@
         {#if inviteData}
           {#key inviteData.url}
             <Button
-              class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:dark:brightness-[1.1]"
+              class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1]"
               onclick={() => openSpace(inviteData.url, inviteData.claim)}>
               <RelaySummary url={inviteData.url} />
             </Button>
@@ -153,7 +153,7 @@
         {/if}
         {#each relaySearch.searchOptions(term).slice(0, limit) as relay (relay.url)}
           <Button
-            class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:dark:brightness-[1.1]"
+            class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1]"
             onclick={() => openSpace(relay.url)}>
             <RelaySummary url={relay.url} />
           </Button>
diff --git a/src/routes/settings/about/+page.svelte b/src/routes/settings/about/+page.svelte
index 131c1ef..c8583e8 100644
--- a/src/routes/settings/about/+page.svelte
+++ b/src/routes/settings/about/+page.svelte
@@ -25,7 +25,7 @@
       <h1 class="mb-4 text-center text-5xl font-bold uppercase">{PLATFORM_NAME}</h1>
       <div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
         {#if Capacitor.getPlatform() !== "ios"}
-          <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
+          <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-lg">
             <h3 class="text-2xl sm:h-12">Donate</h3>
             <p class="sm:h-16">Funds will be used to support development.</p>
             <Link external href="https://geyser.fund/project/flotilla" class="btn btn-primary">
@@ -33,7 +33,7 @@
             </Link>
           </div>
         {/if}
-        <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
+        <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-lg">
           <h3 class="text-2xl sm:h-12">Get in touch</h3>
           <p class="sm:h-16">Having problems? Let us know.</p>
           <Link
diff --git a/src/routes/settings/content/+page.svelte b/src/routes/settings/content/+page.svelte
index 22bc2b9..3f400de 100644
--- a/src/routes/settings/content/+page.svelte
+++ b/src/routes/settings/content/+page.svelte
@@ -48,7 +48,7 @@
 </script>
 
 <form class="content column gap-4" {onsubmit}>
-  <div class="card2 bg-alt col-4 shadow-xl">
+  <div class="card2 bg-alt col-4 shadow-md">
     <strong class="text-lg">Content Settings</strong>
     <FieldInline>
       {#snippet label()}
diff --git a/src/routes/settings/profile/+page.svelte b/src/routes/settings/profile/+page.svelte
index 7fb4a2b..fa53d7d 100644
--- a/src/routes/settings/profile/+page.svelte
+++ b/src/routes/settings/profile/+page.svelte
@@ -44,7 +44,7 @@
 </script>
 
 <div class="content column gap-4">
-  <div class="card2 bg-alt shadow-xl">
+  <div class="card2 bg-alt shadow-md">
     <div class="flex justify-between gap-2">
       <div class="flex max-w-full gap-3">
         <div class="py-1">
@@ -70,7 +70,7 @@
     {/key}
   </div>
   {#if $session?.email}
-    <div class="card2 bg-alt col-4 shadow-xl">
+    <div class="card2 bg-alt col-4 shadow-md">
       <FieldInline>
         {#snippet label()}
           <p>Email Address</p>
@@ -90,7 +90,7 @@
       </FieldInline>
     </div>
   {/if}
-  <div class="card2 bg-alt col-4 shadow-xl">
+  <div class="card2 bg-alt col-4 shadow-md">
     <FieldInline>
       {#snippet label()}
         <p class="flex items-center gap-3">
@@ -140,7 +140,7 @@
     {/if}
     <SignerStatus />
   </div>
-  <div class="card2 bg-alt shadow-xl">
+  <div class="card2 bg-alt shadow-md">
     <div class="flex items-center justify-between">
       <strong class="flex items-center gap-3">
         <Icon icon={Settings} />
diff --git a/src/routes/settings/relays/+page.svelte b/src/routes/settings/relays/+page.svelte
index 8a41b1f..a4a2fb9 100644
--- a/src/routes/settings/relays/+page.svelte
+++ b/src/routes/settings/relays/+page.svelte
@@ -50,7 +50,7 @@
 </script>
 
 <div class="content column gap-4">
-  <Collapse class="card2 bg-alt column gap-4 shadow-xl">
+  <Collapse class="card2 bg-alt column gap-4 shadow-md">
     {#snippet title()}
       <h2 class="flex items-center gap-3 text-xl">
         <Icon icon={Globus} />
@@ -83,7 +83,7 @@
       </Button>
     </div>
   </Collapse>
-  <Collapse class="card2 bg-alt column gap-4 shadow-xl">
+  <Collapse class="card2 bg-alt column gap-4 shadow-md">
     {#snippet title()}
       <h2 class="flex items-center gap-3 text-xl">
         <Icon icon={Inbox} />
@@ -115,7 +115,7 @@
       </Button>
     </div>
   </Collapse>
-  <Collapse class="card2 bg-alt column gap-4 shadow-xl">
+  <Collapse class="card2 bg-alt column gap-4 shadow-md">
     {#snippet title()}
       <h2 class="flex items-center gap-3 text-xl">
         <Icon icon={Mailbox} />
diff --git a/src/routes/settings/wallet/+page.svelte b/src/routes/settings/wallet/+page.svelte
index 83e0c2d..12f05ee 100644
--- a/src/routes/settings/wallet/+page.svelte
+++ b/src/routes/settings/wallet/+page.svelte
@@ -30,7 +30,7 @@
 </script>
 
 <div class="content column gap-4">
-  <div class="card2 bg-alt flex flex-col gap-6 shadow-xl">
+  <div class="card2 bg-alt flex flex-col gap-6 shadow-md">
     <div class="flex items-center justify-between">
       <strong class="flex items-center gap-3">
         <Icon icon={Wallet2} />
@@ -100,7 +100,7 @@
     </div>
   </div>
   <div
-    class="card2 bg-alt flex flex-col shadow-xl"
+    class="card2 bg-alt flex flex-col shadow-md"
     class:gap-6={profileLightningAddress && walletLud16 && profile?.lud16 !== walletLud16}>
     <div class="flex items-center justify-between">
       <strong>Lightning Address</strong>