Che: IDE UI elements are hard to recognize

Created on 19 Oct 2017  路  9Comments  路  Source: eclipse/che

Description

It is hard for me to recognize UI elements in Che because of small size and/or contrast.
The code in the editor is small and I haven't found any way to increase it without increasing all the elements of the window.
Zooming of the browser doesn't allow to change elements size in a comfortable way and it is not persisted across IDE usage sessions.
Even after I increased zooming of the tab by 10% some buttons were too small.
Take a look at file tree buttons in zoomed by 10% Che and regular buttons in IDEA:
screenshot from 2017-10-19 12-15-51

Reproduction Steps

OS and version:

Diagnostics:

kinbug severitP1

Most helpful comment

+1 menus state are not clear when all are enabled.
Enabled:
screenshot from 2017-10-19 14-55-34

Mixed state:
screenshot from 2017-10-19 14-55-47

All 9 comments

+1.

+1 menus state are not clear when all are enabled.
Enabled:
screenshot from 2017-10-19 14-55-34

Mixed state:
screenshot from 2017-10-19 14-55-47

Same with find results:
screenshot from 2017-10-19 15-00-34

Would be very useful to be able to customize fonts size and font type.

+100 about menus state are not clear when all are enabled.

@slemeur Can you take a look and revise those colors?

@vitaliy-guliy : I feel that the redesign work is not completed. Have those elements been cleaned during your work on the UI?

There are a lot of different issues reported in this issue. We will not be able to track those properly. I'd recommend to split that into separate issues and link them here.

Few points:

  • We need to control the size of the icons - they are not consistent
  • We can rework the styles, put more contrast - but keep in mind users have different tastes and will want flexibility - having ability to customize the font and styles is quite important.
  • What about the light theme?

Let's leave here the only things which are related to styles/colors which, as it stated to description are "hard to read" and consider it as a "bug" (P1 I would say).
"Enhancements" (like customization), indeed, can be moved to other issues.

@slemeur It seems I changed only the menu background. Other components are unchanged.
The issues means to increase readability of the text in menu, editor and find results.
Let's go with this for both themes.

Was this page helpful?
0 / 5 - 0 ratings