Console addon, change colors?

Flow
1

Hi vaadin community =)

I’ve tried the console addon and really like it. How would it be possible to modify it to use different colors? I know I have to modify the widget, but I really don’t understand how I can make it possible to use different colors for different purposes in the application.

Anyone have any ideas?

Keep up the great work :slight_smile:

2

Hi,

I have never used the add-on but it seems that you can use CSS to change colors. The following should work:

.term, .term .i {
	background-color: red;
	color: green;
}
3

Henri is right. You can change colors using CSS. However, the above sample did not work for me directly, but adding the
!important
 rule helped. Like:

.term, .term .i {
    background-color: #F5F5F5 !important;
    color: #222222 !important;
}

Also updated this sample to the
Console add-on “highlights”
.