authorgravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-07-19 17:02:23-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-07-19 21:02:23+00:00
logb511227b7ad421c422f1ebca65116776020e4799
tree43396763bc5929a390eb244672e836e32f31a239
parent69c8be2ee54e3aff9c90b98d8e10aeafd0aaae2e
signature Signed by PGP key B5690EEEBB952194

fix(web): improve dev sidebar backdrop contrast & remove version pills (#4166)


2 files changed, 4 insertions(+), 14 deletions(-)

apps/web/src/components/Sidebar.tsx+2-12
...@@ -2762,12 +2762,12 @@ const SidebarChromeHeader = memo(function SidebarChromeHeader({...@@ -2762,12 +2762,12 @@ const SidebarChromeHeader = memo(function SidebarChromeHeader({
2762 backdropVariant && "hover:bg-white/15 [&_svg]:text-white/85! [&_svg]:hover:text-white!",2762 backdropVariant && "hover:bg-white/15 [&_svg]:text-white/85! [&_svg]:hover:text-white!",
2763 )}2763 )}
2764 />2764 />
2765 <SidebarBrand onBackdrop={backdropVariant !== null} stageLabel={stageLabel} />2765 <SidebarBrand onBackdrop={backdropVariant !== null} />
2766 </SidebarHeader>2766 </SidebarHeader>
2767 );2767 );
2768});2768});
27692769
2770function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdrop: boolean }) {2770function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
2771 return (2771 return (
2772 <Link2772 <Link
2773 aria-label="Go to threads"2773 aria-label="Go to threads"
...@@ -2786,16 +2786,6 @@ function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdr...@@ -2786,16 +2786,6 @@ function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdr
2786 >2786 >
2787 Code2787 Code
2788 </span>2788 </span>
2789 <span
2790 className={cn(
2791 "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]",
2792 onBackdrop
2793 ? "bg-white/15 text-white/80 backdrop-blur-sm"
2794 : "bg-muted/50 text-muted-foreground/60",
2795 )}
2796 >
2797 {stageLabel}
2798 </span>
2799 </Link>2789 </Link>
2800 );2790 );
2801}2791}
apps/web/src/components/SidebarStageBackdrop.tsx+2-2
...@@ -201,9 +201,9 @@ function DevBlueprintArt() {...@@ -201,9 +201,9 @@ function DevBlueprintArt() {
201 gradientUnits="userSpaceOnUse"201 gradientUnits="userSpaceOnUse"
202 spreadMethod="reflect"202 spreadMethod="reflect"
203 >203 >
204 <stop style={{ stopColor: "var(--stage-bp-top)" }} />204 <stop style={{ stopColor: "var(--stage-bp-bottom)" }} />
205 <stop offset="0.5" style={{ stopColor: "var(--stage-bp-mid)" }} />205 <stop offset="0.5" style={{ stopColor: "var(--stage-bp-mid)" }} />
206 <stop offset="1" style={{ stopColor: "var(--stage-bp-bottom)" }} />206 <stop offset="1" style={{ stopColor: "var(--stage-bp-top)" }} />
207 </linearGradient>207 </linearGradient>
208 <radialGradient208 <radialGradient
209 id="stage-bp-glow"209 id="stage-bp-glow"