Skip to content

Changed read-row contrast and color, so it's easier to see what was read vs unread#44

Open
ImTheKai wants to merge 1 commit intohackorum-dev:mainfrom
ImTheKai:read-row-color
Open

Changed read-row contrast and color, so it's easier to see what was read vs unread#44
ImTheKai wants to merge 1 commit intohackorum-dev:mainfrom
ImTheKai:read-row-color

Conversation

@ImTheKai
Copy link
Collaborator

@ImTheKai ImTheKai commented Feb 6, 2026

That's how it looks now in both themes

image image

…ead vs unread

Signed-off-by: Kai Wagner <kai.wagner@percona.com>
@dutow
Copy link
Collaborator

dutow commented Feb 6, 2026

To me this looks like we highlight the read rows in dark mode, which is a bit unintuitive.

@ants
Copy link

ants commented Feb 6, 2026

For me the lighter color in dark mode is fine - reduced contrast for less important things.

I also tried adding a partial background to status-reading.

image

Thoughts?

@ImTheKai
Copy link
Collaborator Author

ImTheKai commented Feb 6, 2026

For me the lighter color in dark mode is fine - reduced contrast for less important things.

I also tried adding a partial background to status-reading.

image Thoughts?

I get the idea and like your look actually also for read threads, that now have a new reply, this looks nifty and easy to recognize. We could of course also invert the colors and make unread darker and read lighter. Let me to a quick prototype.

@ImTheKai
Copy link
Collaborator Author

ImTheKai commented Feb 6, 2026

image

I'm not UX at all, but that's a prototype with inverted colors. Now unread is darker and read is brigther, while I took this nifty idea from @ants to highlight that there is a new unread with the darker color around the icons (I know the envelope exist, it's just easier to see this way)

of course I wanted to check if anyone pays attention - this one is inverted ;-) (I like the first more, so I'm with ants)

image

and another version that takes the actual darker highlighting a little bit further into the row but this way also ensures it looks like 50/50 on mobile, which makes it clear that you've read something but not all

image image

@dutow
Copy link
Collaborator

dutow commented Feb 6, 2026

These are starting to look good, definitely improvements from the current look. That half split also look good.

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.

3 participants