From 8f9676cc5aa287956b8c3b1f486bd805523b8ab2 Mon Sep 17 00:00:00 2001
From: KoalaDev <6156589+Shik3i@users.noreply.github.com>
Date: Wed, 15 Jul 2026 06:15:40 +0200
Subject: [PATCH] fix(popup): make Status tab match the other tabs

The tab is still internally named data-tab="tab-dev". It used to be the
dev/diagnostics tab and was deliberately de-emphasized with font-size:
11px and a dimmer color. It was later relabelled to the user-facing
"Status" tab, but the rule stayed, leaving it 3px smaller and paler than
Room/Sync/Settings.

Drop tab-dev from the selector. #devToolsTabBtn, the opt-in Dev tab that
shares the rule, stays de-emphasized on purpose.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 extension/popup.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/extension/popup.html b/extension/popup.html
index 6f1b518..33db0ff 100644
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -1146,12 +1146,12 @@
             color: var(--accent);
             opacity: 1;
         }
-        .tab-btn[data-tab="tab-dev"],
+        /* Only the opt-in Dev tab is de-emphasized. tab-dev is the user-facing
+           "Status" tab and must match the other tabs. */
         #devToolsTabBtn {
             color: color-mix(in oklch, var(--text-muted), transparent 18%);
             font-size: 11px;
         }
-        .tab-btn[data-tab="tab-dev"].active,
         #devToolsTabBtn.active {
             color: var(--text-on-green);
         }