From 1aa55fd19e2d8f0a169f53c73db9bc4dd7c502a6 Mon Sep 17 00:00:00 2001
From: Nic-dorman <nbdorman@gmail.com>
Date: Thu, 30 Apr 2026 17:12:52 +0100
Subject: [PATCH] feat(updater): teal banner + dialog badge for prerelease
 updates

Extends the teal prerelease accent established in #70 (the static
"PRE-RELEASE" sidebar badge) to the updater UI, so when a tester
on the prerelease channel sees an update offered, it's visually
consistent with the rest of the prerelease styling instead of
sharing the amber palette used by stable updates and the network
badges.

- Sidebar "Update Available" banner: teal-400 when the offered
  release is a prerelease, amber-400 (existing colour) for stable.
  Same shape, same dark text, same shadow/hover behaviour.
- UpdateDialog "Pre-release" badge: teal-500/10 background +
  teal-400 text, matching the sidebar badge from #70.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/AppSidebar.vue   | 5 ++++-
 components/UpdateDialog.vue | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/AppSidebar.vue b/components/AppSidebar.vue
index 5812260..3c8186e 100644
--- a/components/AppSidebar.vue
+++ b/components/AppSidebar.vue
@@ -31,7 +31,10 @@
       <!-- Update banner -->
       <button
         v-if="updaterStore.available"
-        class="mb-2 flex w-full items-center gap-2 rounded-lg bg-amber-400 px-3 py-2.5 text-left text-sm font-semibold text-gray-900 shadow-md shadow-amber-400/25 transition-all hover:bg-amber-300 active:scale-[0.98]"
+        class="mb-2 flex w-full items-center gap-2 rounded-lg px-3 py-2.5 text-left text-sm font-semibold text-gray-900 shadow-md transition-all active:scale-[0.98]"
+        :class="updaterStore.isPrerelease
+          ? 'bg-teal-400 shadow-teal-400/25 hover:bg-teal-300'
+          : 'bg-amber-400 shadow-amber-400/25 hover:bg-amber-300'"
         @click="onUpdateClick"
       >
         <div class="min-w-0 flex-1">
diff --git a/components/UpdateDialog.vue b/components/UpdateDialog.vue
index f668b5f..e513413 100644
--- a/components/UpdateDialog.vue
+++ b/components/UpdateDialog.vue
@@ -19,7 +19,7 @@
           <span>v{{ updaterStore.version }} is ready to install</span>
           <span
             v-if="updaterStore.isPrerelease"
-            class="rounded bg-amber-500/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider text-amber-400"
+            class="rounded bg-teal-500/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider text-teal-400"
           >
             Pre-release
           </span>