Skip to content
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

Cannot see the diff anymore in the Light Modern theme #182173

Open
shirleydejong opened this issue May 11, 2023 · 8 comments
Open

Cannot see the diff anymore in the Light Modern theme #182173

shirleydejong opened this issue May 11, 2023 · 8 comments
Assignees
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues bug Issue identified by VS Code Team member as probable bug themes Color theme issues

Comments

@shirleydejong
Copy link

Type: Feature Request

I've setup the new Light Modern theme and wanted to see the changes I've made via a diff. But since I'm colorblind, I cannot see the difference anymore between the old (reds) and new (greens). Can you maybe adjust the colors a bit so I - and other people that are colorblind - are able again to see the diffs. Thanks! :)

VS Code version: Code 1.78.1 (6a995c4, 2023-05-04T09:48:08.683Z)
OS version: Windows_NT x64 10.0.22621
Modes:
Sandboxed: Yes

@daviddossett
Copy link
Contributor

Thanks for reporting! We'll get this fixed. Is there any particular type of colorblindness I should be aware of here?

Did the old themes (Light+, Dark+) work out ok for you for reviewing diffs?

@daviddossett daviddossett added bug Issue identified by VS Code Team member as probable bug themes Color theme issues labels May 11, 2023
@shirleydejong
Copy link
Author

Hi David, I'm color blind for reds and greens (Deuteranomaly). I've used the Light+ theme before and with that theme I can easily distinguish reds and greens in the diff. I've tried it on several displays with the new theme, but of none of these displays I could see the difference between both colors.

@shirleydejong
Copy link
Author

Maybe in addition, the same applies for the dark themes. For the old Dark+ theme I could see the difference, for the new Dark Modern I couldn't.

@daviddossett daviddossett added the accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues label May 12, 2023
@daviddossett
Copy link
Contributor

Thanks, that's helpful. I'll explore a few options and will report back here for your feedback 👍

@hbons
Copy link
Member

hbons commented Jul 18, 2023

Hi @shirleydejong 👋

I've tweaked the theme slightly: pulled the reds slightly towards magenta, and the greens towards blue. Using a colourblindness simulator I can see more contrast between the added/removed lines.

Here's a screenshot with the old theme on the left, and the updated theme on the right:

diff

Simulated:

image

Let me know if this is a step in the right direction.

edit: here's the dark theme too.
diff-dark

@shirleydejong
Copy link
Author

Hi @hbons, for this Light theme it's easier to see the differences. But for the Dark theme it's still a bit hard (for me). Thanks for looking into this!

@daviddossett
Copy link
Contributor

@hbons one thing we could do in the meantime is to fall back to the colors used in Dark+ until we're confident about a solution here. That would just mean we remove the overrides from the Dark/Light modern theme files.

@hbons
Copy link
Member

hbons commented Jul 24, 2023

Created #188668 to revert the colours for now until we find better options. We can leave this issue open.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues bug Issue identified by VS Code Team member as probable bug themes Color theme issues
Projects
None yet
Development

No branches or pull requests

4 participants