From 44d68a689b0accb89e12c1b4f9b71ea0095b9207 Mon Sep 17 00:00:00 2001
From: mja00 <teamnirvana2@gmail.com>
Date: Sun, 21 Dec 2025 17:47:46 -0500
Subject: [PATCH 1/2] feat: show dynamic channel text for experimental toggle

---
 src/components/data/SoftwareDownload.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/data/SoftwareDownload.svelte b/src/components/data/SoftwareDownload.svelte
index 9bb052f8..c04a9fe2 100644
--- a/src/components/data/SoftwareDownload.svelte
+++ b/src/components/data/SoftwareDownload.svelte
@@ -55,6 +55,8 @@
   }
 
   let builds = $derived(isStable ? stableBuilds : (experimentalBuilds ?? stableBuilds));
+
+  let experimentalChannel = $derived(experimentalBuilds?.value?.latest?.channel.toLowerCase() ?? "experimental");
 </script>
 
 <header class="mx-auto flex max-w-7xl flex-row flex-wrap gap-16 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
@@ -111,7 +113,7 @@
           onclick={toggleStable}
         >
           {#if isStable}
-            Toggle experimental builds for {project.latestExperimentalVersion}
+            Toggle {experimentalChannel} builds for {project.latestExperimentalVersion}
           {:else}
             Back to stable builds for {project.latestStableVersion}
           {/if}

From 9a8abe1b8e2ed0f081398e240daa42a742ef2c1e Mon Sep 17 00:00:00 2001
From: mja00 <teamnirvana2@gmail.com>
Date: Sun, 21 Dec 2025 18:16:05 -0500
Subject: [PATCH 2/2] feat: color the button too

---
 src/components/data/SoftwareDownload.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/data/SoftwareDownload.svelte b/src/components/data/SoftwareDownload.svelte
index c04a9fe2..d2f5d158 100644
--- a/src/components/data/SoftwareDownload.svelte
+++ b/src/components/data/SoftwareDownload.svelte
@@ -57,6 +57,12 @@
   let builds = $derived(isStable ? stableBuilds : (experimentalBuilds ?? stableBuilds));
 
   let experimentalChannel = $derived(experimentalBuilds?.value?.latest?.channel.toLowerCase() ?? "experimental");
+
+  let experimentalChannelButtonClass = $derived.by(() => {
+    const channel = experimentalBuilds?.value?.latest?.channel?.toLowerCase();
+    if (!channel) return "btn-alpha";
+    return `btn-${channel}`;
+  });
 </script>
 
 <header class="mx-auto flex max-w-7xl flex-row flex-wrap gap-16 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
@@ -109,7 +115,7 @@
 
       {#if project.latestExperimentalVersion}
         <button
-          class={`transition-border btn btn-outline rounded-md py-3 transition-colors md:w-100 ${isStable ? "btn-alpha" : "btn-stable"}`}
+          class={`transition-border btn btn-outline rounded-md py-3 transition-colors md:w-100 ${isStable ? experimentalChannelButtonClass : "btn-stable"}`}
           onclick={toggleStable}
         >
           {#if isStable}