From b511227b7ad421c422f1ebca65116776020e4799 Mon Sep 17 00:00:00 2001
From: maria <maria@kuuro.net>
Date: Sun, 19 Jul 2026 17:02:23 -0400
Subject: [PATCH] fix(web): improve dev sidebar backdrop contrast & remove
 version pills (#4166)

---
 apps/web/src/components/Sidebar.tsx              | 14 ++------------
 apps/web/src/components/SidebarStageBackdrop.tsx |  4 ++--
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index 38e9f7a828a73721764a042be5d2740a0304b91e..715a94e96724ecd6f3e7131b72bfb2d491d5aae8 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -2762,12 +2762,12 @@ const SidebarChromeHeader = memo(function SidebarChromeHeader({
           backdropVariant && "hover:bg-white/15 [&_svg]:text-white/85! [&_svg]:hover:text-white!",
         )}
       />
-      <SidebarBrand onBackdrop={backdropVariant !== null} stageLabel={stageLabel} />
+      <SidebarBrand onBackdrop={backdropVariant !== null} />
     </SidebarHeader>
   );
 });
 
-function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdrop: boolean }) {
+function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
   return (
     <Link
       aria-label="Go to threads"
@@ -2786,16 +2786,6 @@ function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdr
       >
         Code
       </span>
-      <span
-        className={cn(
-          "sidebar-brand-stage shrink-0 items-center whitespace-nowrap rounded-full px-1.5 py-0.5 text-[8px] font-medium uppercase tracking-[0.18em]",
-          onBackdrop
-            ? "bg-white/15 text-white/80 backdrop-blur-sm"
-            : "bg-muted/50 text-muted-foreground/60",
-        )}
-      >
-        {stageLabel}
-      </span>
     </Link>
   );
 }
diff --git a/apps/web/src/components/SidebarStageBackdrop.tsx b/apps/web/src/components/SidebarStageBackdrop.tsx
index d3d86186c038552b6b484ae6d971729c20aef5b8..6f0953a9773d83469d0c21639062916383814ec9 100644
--- a/apps/web/src/components/SidebarStageBackdrop.tsx
+++ b/apps/web/src/components/SidebarStageBackdrop.tsx
@@ -201,9 +201,9 @@ function DevBlueprintArt() {
           gradientUnits="userSpaceOnUse"
           spreadMethod="reflect"
         >
-          <stop style={{ stopColor: "var(--stage-bp-top)" }} />
+          <stop style={{ stopColor: "var(--stage-bp-bottom)" }} />
           <stop offset="0.5" style={{ stopColor: "var(--stage-bp-mid)" }} />
-          <stop offset="1" style={{ stopColor: "var(--stage-bp-bottom)" }} />
+          <stop offset="1" style={{ stopColor: "var(--stage-bp-top)" }} />
         </linearGradient>
         <radialGradient
           id="stage-bp-glow"
-- 
2.54.0