mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-08-09 18:59:48 +00:00
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>
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user