Themes for a custom widget

[YathindraNikshipth]

I created a custom Widget as follows

@injectable()
export class CloseWidget extends ReactWidget{}

the source contains a button having text,border and a icon

and added to Theia top panel as follows

app.shell.topPanel.addWidget(this.close)

so my doubt, how can i apply styles for text,border and icon so that it will be coherent with changes in theia theme like light(theia), dark(theia), abyss, quiet light etc themes. just like any other widget available in theia how to make it responsive

[msujew]

Hey @YathindraNikshipth,

see here for most of the registered theme colors and here how to use them in CSS.

[YathindraNikshipth]

@msujew thank you, it's really helpful!