Themes

simple-bar offers a few themes that you can use to customize the look of your bar.

You can set both a light and a dark theme. The right one will be used depending on the behavior you set in the settings global tab.

Color overrides

You can also override specific theme colors:

• Main
• Main alternative
• Minor
• Accent
• Red
• Green
• Yellow
• Orange
• Blue
• Magenta
• Cyan
• Black
• White
• Foreground
• Background

Colors defined here will override the selected theme. Leave it empty to use the theme colors.

You can use any valid CSS color:

• named-color
• hex-color
• rgb()
• hsl()
• hwb()

Styles are applied in this order:

• Theme
• Color overrides
• Custom styles

The last one overrides the previous ones.

Gruvbox Dark theme adaptation added thanks to @spwx
Gruvbox Light theme adaptation added thanks to @basbebe
Gruvbox Material theme adaptation added thanks to @is0n
Amarena Dark theme implementation thanks to @MikoMagni
Solarized Light & Dark themes implementation thanks to @Joroovb
Sylens theme implementation thanks to @Sylenss
SpaceDuck theme implementation thanks to @ZhongXiLu
Cisco theme implementation thanks to @mrzone64
Material theme implementation thanks to @devinbhatt
Night Owl theme implementation thanks to @mdwitr0
Rosé Pine, Rosé Pine Moon and Rosé Pine Dawn themes implementation thanks to @ardnep
Modern Catppuccin themes (Latte, Frappe, Macchiato, Mocha) implementation thanks to @kntng