Multifile editor - visual indication which editor is for which file

[gikf]

Is your feature request related to a problem? Please describe.

Multifile editor, as the name suggests, has multiple editors (tabs), each for different file. Each editor can be hidden or shown by their own button, however there isn't really any visual (or text) indication which editor corresponds to which button and therefore to which file.

To be clear, this doesn't seem to create much confusion, if any. I don't recall anybody having issue with mixing up the tabs/editors, both buttons and editors always follow the same ordering.

Nevertheless I think it'd be nice to have a more visible connection between individual buttons and their corresponding editors.

Describe the solution you'd like

The easiest approach might be just including comment at the top of file, similarly to how it's added when creating post on forums via the help button. That doesn't sound ideal though.

Not entirely sure if monaco perhaps has some feature which might be used for this.

Describe alternatives you've considered

Slightly different way to achieve this, might be introducing some additional color for button when corresponding editor is focused.

[a2937]

I'm actually a pretty huge fan on the additional color when that editor is in focus. But the colors have to distinctive and mesh well with our themes. We do have an purple, a yellow, a blue, and a green we can easily use already defined as accent colors in our style guide. I'm leaning towards purple for html, blue for CSS, and green for Javascript.