Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.

Conversation

hawkticehurst
Copy link
Member

Link to relevant issue

This pull request resolves #286

Description of changes

Fixes a variety of component theming bugs when VS Code uses a high contrast theme. A list of the various bugs can be found in the issue linked above.

Copy link
Collaborator

@daviddossett daviddossett left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

* in the applyTheme function) but does not have a corresponding VS Code token that can be used.
*
* An example is buttonIconHoverBackground token which does not have a corresponding VS Code token
* at this time (it's a hardcoded value in VS Code), but needs to be adjusted to be transparent when a
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be an issue filed on /vscode? If it's a simple enough change I can add it to my list

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wouldn't be against that! Would certainly simplify the toolkit theming code

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The big request is that this token should either be set to transparent or null (not exist) in high contrast themes

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Otherwise, its value seems to be rgba(90, 93, 94, 0.31) across all themes?

Copy link
Member Author

@hawkticehurst hawkticehurst Feb 3, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As I think about it, this could actually be a really nice opportunity to customize things a bit because I think this value ends up resulting in a slightly less than ideal contrast ratio in light themes

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screen Shot 2022-02-03 at 2 50 17 PM

@hawkticehurst hawkticehurst merged commit ce64d14 into microsoft:main Feb 3, 2022
@hawkticehurst hawkticehurst deleted the high-contrast-theme branch February 3, 2022 23:01
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

High contrast theme bugs

2 participants