fix: SW-2094 default tab active state — white pill instead of blue#148
Merged
Conversation
The horizontal default tabs used bg-primary (blue) for the active tab, which competed with primary action buttons. Switch the active tab to a white bg-card pill with foreground text and the existing shadow-sm, so selection reads as an elevated segmented-control tab. bg-card and text-foreground adapt to dark mode (elevated surface + light text). The line variant and inactive states are unchanged. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
boramyi-ts
temporarily deployed
to
artifactory-prod
GitHub Actions
Inactive
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||
54321jenn-ts
approved these changes
Jun 23, 2026
owilliams-tetrascience
approved these changes
Jun 24, 2026
Collaborator
|
🎉 This PR is included in version 0.7.0 🎉 The release is available on GitHub release Your semantic-release bot 📦🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
SW-2094 — the horizontal default tabs used blue (
bg-primary) for the active tab, which competed with primary action buttons. Change the active tab to a white pill with a shadow so selection reads clearly without the blue.Change
tabs.tsx:68 — default-variant active tab:
Active tab is now
bg-card+text-foreground+ the existingshadow-sm. The grey track, inactive tabs, and the line variant (blue underline) are unchanged.Before / after
In dark mode the tokens adapt:
bg-card→ the elevated dark surface (#313036) on the darker track,text-foreground→ light — the same "elevated, clearly selected" treatment as light, without a harsh pure-white pill.yarn lint+yarn typecheckpass.🤖 Generated with Claude Code