Repository navigation
Conversation
Give a selected layer a blue background. Give the layers nested in it a gray background, in place of the old nested selected style. Co-Authored-By: Claude <noreply@anthropic.com>
Put the gray background on the nested layer tree, not on each nested layer. The rounded corners of a nested layer no longer show the blue background of the selected layer. Hover borders keep rounded corners. Use a darker blue background for a selected layer in dark mode. Co-Authored-By: Claude <noreply@anthropic.com>
Contributor
 |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
Member
Author
|
Grays: Blues: Screen.Recording.2026-09-18.at.11.11.58.AM.mp4In my opinion we should stick to blue as we also show the actual block selection in the canvas with a blue border, this feels more consistent (also blue is the accent color of Builder). |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## develop #846 +/- ##
========================================
Coverage 72.58% 72.58%
========================================
Files 107 107
Lines 11918 11918
========================================
Hits 8651 8651
Misses 3267 3267 ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
surajshetty3416
marked this pull request as draft
September 24, 2026 09:55
The selected row gets a solid blue fill. Its nested layers get a lighter blue tint, so the selection reads as one rounded group. Hover fills the row with blue and rounds it, except inside a selection, where rows stay square. The colors use the surface-blue tokens, so they follow the theme. Co-Authored-By: Claude <noreply@anthropic.com>
Member
Author
|
Updates styles: Light Mode Screen.Recording.2026-10-13.at.4.12.30.AM.mp4Dark Mode Screen.Recording.2026-10-13.at.4.12.03.AM.mp4 |
stravo1
marked this pull request as ready for review
October 12, 2026 22:44
Member
Author
|
@surajshetty3416 please tweak the colors if needed. |
The drop highlight now goes on the row, with the same radius as the hover. Before, the selected row fill covered it. The drop line now uses fixed positioning. A selected group clips its contents with overflow-hidden, so a line from a nested list did not show when a layer was dragged out of the group. Co-Authored-By: Claude <noreply@anthropic.com>
A fixed line did not scroll with the layers panel, and the panel did not clip it. The top-level tree now draws the line, and nested lists set its position through provide and inject. The line scrolls with the tree, the panel clips it, and a selected group cannot clip it. Co-Authored-By: Claude <noreply@anthropic.com>
The line used the width of the tree container, which includes its right padding, so it ran past the rows. It now ends at the right edge of the target row. Co-Authored-By: Claude <noreply@anthropic.com>
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
1 participant
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.
Changes
Before this change, a single outline showed the selected block. The new backgrounds show more clearly which blocks are selected.
Screen.Recording.2026-09-17.at.9.34.01.PM.mp4
Dark mode:
Split from #839.