-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Lighter button fill in light mode #489
Lighter button fill in light mode #489
Conversation
ef2356c
to
a693d19
Compare
[UITraitUserInterfaceLevel.self]) { | ||
(self: Self, previousTraitCollection: UITraitCollection) in | ||
self.resetStyle() | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
As this is duplicated in both init methods, perhaps it should instead live in setUp?
BeeKit/UI/BSButton.swift
Outdated
case .dark: | ||
return UIColor.black | ||
default: | ||
return UIColor(red: 59.0/255.0, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wonder what it would look like if we used the same grey as the +/- buttons. Possibly too low contrast with the yellow?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you are right. The contrast seems to work for me on the sign in button but looks too low contrast elsewhere.
How about something like this - yellow on black in dark and black on grey in light mode?
yellowonblacktoblackongrey.mp4
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What if we skipped the border entirely and just had the solid button, either gray or yellow?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And the current target? Yellow text on Black background with yellow border in dark mode and black text on grey and without border in light mode?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
My take would be:
- Yellow border and text, black background when shown in dark mode
- Black on grey without border in light mode
But I don't feel like I have particularly good graphics design taste, so I'm happy for you to make a call on what you want to try, and we can put it out to test flight to get wider feedback.
a693d19
to
77f78e3
Compare
follow-up to #489, implementing #489 (comment) ### light ![light - sign in](https://github.com/user-attachments/assets/96600ddf-06a3-46c7-b8bf-78d148bb58bd) ### dark ![dark - sign in](https://github.com/user-attachments/assets/7354983e-690d-492e-a477-ab71d1f9eac8)
Provides a lighter fill color for the button when in light mode and handles updating it dynamically as the appearance changes.
Examples:
Light
Dark