Theia: high contrast theming

Created on 12 Dec 2019  路  8Comments  路  Source: eclipse-theia/theia

Review how VS Code applies high contrast colors https://code.visualstudio.com/api/references/theme-color#contrast-colors and apply them similarly in Theia.

We leave it out from the initial theming.

accessibility help wanted theming vscode

All 8 comments

Some issues are also listed here: https://github.com/eclipse-theia/theia/issues/7353

  • selection in the Explorer,
  • border of the buttons in the dialogs,
  • tbd

The context menu, in the browser example, is also broken:

Screen Shot 2020-03-18 at 09 08 05

Screen Shot 2020-03-18 at 09 13 25

In the Problems View, there is no border around the selected node.

In VS code,
image

In Theia,
image
(Arrow pointing to the selected node)

Editor and Explorer decorators always white with the HC theme. I would expect red and yellowish colors.
Screen Shot 2020-04-02 at 16 13 43

Support for hover. VS Code:
screencast 2020-04-02 17-21-32

TODO: Revisit whether we want to support it for dialog buttons or not. VS Code does not have any dialogs but they do not support it in the Explorer:

screencast 2020-04-02 17-47-00

Difference between the editor error markers:
VS Code
Screen Shot 2020-04-02 at 18 15 48

Theia:
Screen Shot 2020-04-02 at 18 15 57

Maybe it is a TS issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kittaakos picture kittaakos  路  3Comments

marechal-p picture marechal-p  路  3Comments

kpge picture kpge  路  3Comments

dhananjayharel picture dhananjayharel  路  3Comments

jankeromnes picture jankeromnes  路  3Comments