Jean-Tinland / simple-bar

A yabai status bar widget for Übersicht
https://www.jeantinland.com/toolbox/simple-bar
MIT License
1.21k stars 129 forks source link

Custom styling for user widgets #311

Closed itaysharir closed 2 years ago

itaysharir commented 2 years ago

How can i change things like the background color for a user created widget? Can i do that in the custom styling tab? How should i refer to the the widget i created in CSS? Thanks in advance!

Jean-Tinland commented 2 years ago

Each custom widget has its own custom class name based on its order, for example: user-widget--0.

So if you want to apply a specific background color to your second custom widget, you can use this css selector in the custom styling tab:

.user-widget--1 {
  background-color: blue;
}