communism OP , 3 months ago

For the border it’s just css. In your style.css:

<span style="color:#323232;">window#</span><span style="color:#795da3;">waybar </span><span style="color:#323232;">{
</span><span style="color:#323232;">  </span><span style="color:#0086b3;">background-color</span><span style="color:#323232;">: @background;
</span><span style="color:#323232;">  </span><span style="color:#0086b3;">color</span><span style="color:#323232;">: @foreground;
</span><span style="color:#323232;">  </span><span style="color:#0086b3;">opacity</span><span style="color:#323232;">: </span><span style="color:#0086b3;">1</span><span style="color:#323232;">;
</span><span style="color:#323232;">  </span><span style="color:#0086b3;">border</span><span style="color:#323232;">: </span><span style="color:#0086b3;">1</span><span style="font-weight:bold;color:#a71d5d;">px </span><span style="color:#323232;">solid @accent;
</span><span style="color:#323232;">}
</span>

(where those are variables representing my waybar colours, you can ofc use literal values instead)