Skip to content

Styling guide

Jake Stanger edited this page Aug 15, 2022 · 8 revisions

Ironbar ships with no styles by default, so will fall back to the default GTK styles.

To style the bar, create a file at ~/.config/ironbar/style.css.

Style changes are hot-loaded so there is no need to reload the bar.

A reminder: since the bar is GTK-based, it uses GTK's implementation of CSS, which only includes a subset of the full web spec (plus a few non-standard properties).

The below table describes the selectors provided by the bar itself. Information on styling individual modules can be found on their pages in the sidebar.

Selector Description
#bar Bar root box
#bar #left Bar left modules container box
#bar #center Bar left modules container box
#bar #right Bar left modules container box
.container All of the above
Clone this wiki locally