Skip to content

Improve the visibility of the options to select#549

Merged
ps2 merged 2 commits into
LoopKit:devfrom
loopandlearn:improve_checkmark_list_visibility
Oct 6, 2024
Merged

Improve the visibility of the options to select#549
ps2 merged 2 commits into
LoopKit:devfrom
loopandlearn:improve_checkmark_list_visibility

Conversation

@marionbarker
Copy link
Copy Markdown
Contributor

This PR is proposed as a solution to Loop Issue 2238: Make Checkmark List Items easier to see

Sample screen views using for this PR.

various_dark_lineWidth_1

various_light_lineWidth_1

@dnzxy
Copy link
Copy Markdown
Contributor

dnzxy commented Oct 5, 2024

May I suggest to either

  • conditionally (for dark mode only) adjust the color of the control, i.e., a lighter gray, or extending the line width, or
  • opting to use white or black color, depending on theme, so .primary.

The blue color (.accentColor) is associated with something active / selected.

@marionbarker
Copy link
Copy Markdown
Contributor Author

marionbarker commented Oct 5, 2024

In the Issue, @ps2 requested "stick to existing iOS conventions for color".

I was not quite sure how to do that:

  • Increasing lineWidth without making color modifications was not sufficient
  • Replacing Color.accent with Color.primary gave good contrast but was more black and white than @ps2 example graphics
  • I adjusted the .foregroundColor from systemGray4 to systemGray2 to systemGray
    • I thought that looked better, but I could hear @itsmojo asking me to consider his "aging & colorblind eyes"
    • So I also increased lineWidth to 2

I captured a bunch of other screen shots, but I think these are sufficient.

Original and current commit Dark

original_revised_dark

Original and current commit Light

original_revised_light

@itsmojo
Copy link
Copy Markdown
Contributor

itsmojo commented Oct 5, 2024

I'm not qualified to say anything on color schemes, but the current commit Dark and Light views do look good to my eyes...

@ps2
Copy link
Copy Markdown
Collaborator

ps2 commented Oct 6, 2024

Yes, I think the line width increase makes it a lot more visible, and the color matches the conventions we see in iOS. Thanks!

@ps2 ps2 merged commit 4873b0c into LoopKit:dev Oct 6, 2024
@marionbarker marionbarker deleted the improve_checkmark_list_visibility branch September 2, 2025 12:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants