Feature request: [hyprbars] add support for more button colours

[mradermaxlol]

What the title says. It seems like a simple yet powerful visual extension to the currently supported options (like "master" inactive colour or text-icon-on-hover mechanics).

It could be implemented as an extension to hyprbars-button directives. I think the best way would be to arrange options like this:

• hyprbars-button = size, icon, onclick, col-bg-active, col-fg-active, col-bg-inactive, col-fg-inactive, col-bg-hovered, col-fg-hovered

Of course, that'd mean breaking existing configs and things could be rearranged to retain compatibility (which would look ugly).
A viable alternative would be to make a hyprbars-button-v2 { ... } format like it's been done in upstream Hyprland with e.g. monitors.

Human-readable descriptions of buttons' background/foreground colour config options proposals:

• Regular colour: self-explanatory, per button;
• Inactive colour: same as inactive_button_color directive but per-button - I can picture this being useful with an extra windowrule that'd allow disabling (but still showing) some buttons per-window (e.g. disallowing fullscreen'ing modal/dialog windows);
• Hovered colour: self-explanatory, per-button.

Having supporting windowrules for configuring all of the above would make hyprbars feel 146% more polished, guaranteed.

I imagine implementing this could also be useful in unifying all the colour stuff behind the col.* namespace to put an end to things like #236.

[l-snq]

this would be great, and just have overall more customization support like inner borders and other neat css features to make hyprbars more customizable. I love this plugin but its styling is quite limited.