Improve new session button visibility with border #255
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
nelsonblaha
force-pushed
the
feature/improve-new-session-button-visibility
branch
from
732221d to
81c3b62
Compare
The oval-shaped "Start New Session" button was difficult to read when archived conversations appeared behind it. Added a subtle 1px border using the theme's divider color to improve contrast in both light and dark modes. Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <[email protected]> Co-Authored-By: Happy <[email protected]>
nelsonblaha
force-pushed
the
feature/improve-new-session-button-visibility
branch
from
81c3b62 to
c2d5395
Compare
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.
Problem
The oval-shaped 'Start New Session' button was difficult to read when archived conversations appeared behind it, especially in certain lighting conditions or themes.
Solution
Added a subtle 1px border using the theme's divider color to improve contrast and make the button more visible in both light and dark modes.
Changes
borderWidth: 1andborderColor: theme.colors.dividerto FABWide componentTesting
Tested in both light and dark modes with archived conversations visible behind the button. The border provides better visual separation without being obtrusive.
🤖 Generated with Claude Code via Happy