[theia] Need a clear distinction between the navigator and the editor

[lmcbout]

We need a clear distinction between the navigator and the editor. Both use the same background colour. If you look at the sidebar menu, the background is another colour and the user can see a proper distinction between the side menu-bar and the navigator or

editor. The distinction is not there between the navigator and the editor

[svenefftinge]

Just so you are aware, the fact that the separator line is not always shown is because you are not running on the default zoom-level.

[svenefftinge]

We are going to make layouts quite flexible, so that you can move any widget anywhere. Different backgrounds will therefore not work.

[lmcbout]

I don't know exactly what is the default zoom-level, but there is more than just one window size when the line separator is not shown. Here another video when the separator is not visible , with

a different size:

[hexa00]

@lmcbout you can use Ctrl-0 to get to the default zoom level (that's Ctrl-zero)

[epatpol]

A different tone of "gray" or the editor color would help also, I think it's like that in Atom and vscode afaik.

[lmcbout]

Using a different background make a good difference. Theia with three editors and navigator and the outline view,
1- as it is currently:

2- only change the editor background a with "theia-layout-color2"

3- change the editor and the margin beside the editor with "theia-layout-color2"

[svenefftinge]

Besides that it doesn't look good (IMHO), it won't solve the issue as it only increases contrast between editors and non-editors (see #1057 (comment))

[epatpol]

#2 and #3 increases the contrast which makes it easier to see the limits of the editor and the panel on the side. However it greatly decreases editor usability in itself with the contrast being wrong with the text. I agree with above and think we should wait until flexible layout is in and see if we can improve something then.

[vince-fugnitto]

there is a distinction between editors/widgets with the added border