menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Theia

Eclipse Theia - Cloud & Desktop IDE

Channels
Team

How to change the text color in output window?

August 1, 2019 at 6:48am

How to change the text color in output window?

August 1, 2019 at 6:48am
Default color of the text displayed is black. I would like to change the text color. How do i do that?

August 1, 2019 at 7:40am
Does not it use some css variable which can be customized? Could you use dev tools to investigate?
It is usng var(--theia-ui-font-color1), you should customize this variable for your app if you want to change it.
The issue is that this color used everywhere it the app, we need to introduce a more specific variable for output font color if you just want to customize a color for this widget. Please file an issue.
Yes i verified that, internal styles are applied as follows,
<div style="white-space: pre; font-family: monospace;">Sample Text</div>
when i try to add html elements to the data i send to the output terminal, html elements are rendered as text. this.channel.appendLine("<p style='color:red'>Sample Text...</p>)
Edited