From 0438cbc8da1fc159fec1adf02dc4b700ed3b63a8 Mon Sep 17 00:00:00 2001
From: Void <void@minds.void.gamecult.org>
Date: Mon, 9 Nov 2026 10:51:46 +0000
Subject: [PATCH] Room list: category labels get the same scene scrim as the
 rows

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/app/components/nav/styles.css.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/components/nav/styles.css.ts b/src/app/components/nav/styles.css.ts
index a7f3053d..70344c04 100644
--- a/src/app/components/nav/styles.css.ts
+++ b/src/app/components/nav/styles.css.ts
@@ -12,6 +12,13 @@ export const NavCategory = style([
 
 export const NavCategoryHeader = style({
   gap: config.space.S100,
+  selectors: {
+    // Category labels sit on the scene like the rows do, and need the same scrim to be read.
+    ':root[data-scene] &': {
+      backgroundColor: `color-mix(in srgb, ${surfaceInk} 62%, transparent)`,
+      borderRadius: config.radii.R400,
+    },
+  },
 });
 
 export const NavLink = style({