fix(editor): darken explorer tabs and fade layers scroll#150
Draft
DavidBabinec wants to merge 1 commit into
Draft
fix(editor): darken explorer tabs and fade layers scroll#150DavidBabinec wants to merge 1 commit into
DavidBabinec wants to merge 1 commit into
Conversation
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
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.
What changed
SegmentedControlfor dark panel tab strips.Why
The newly consolidated Explorer mode switcher rendered the active tab with a lighter gray fill, but the intended editor chrome treatment is the darker/black active surface. The Layers list also met the fixed search row with a hard edge while scrolling.
Impact
The Explorer panel active mode now reads as the darker selected state, while other segmented controls keep their existing default active surface unless they opt into the recessed variant.
Verification
bun test ./src/__tests__/ui/segmentedControlChrome.test.tsxbun run lintbun run buildbun testbunx react-doctor@latest --verbose --scope changed --base origin/mainrgb(27, 27, 27)and Layers search fade rendered as black-to-transparent.