{ style, ... }: let paddingV = "0"; paddingH = "12px"; in { text = '' #pulseaudio, #mpris, #battery, #custom-display, #custom-powersave, #custom-powerlimit, #tray, #temperature, #memory, #cpu, #clock, #scratchpad, #language { padding: ${paddingV} ${paddingH}; border-top: ${toString(style.window.border)}px solid transparent; border-bottom: ${toString(style.window.border)}px solid transparent; } #cpu { padding-right: 0; } #temperature { padding-left: 0; padding-right: 0; } #memory { padding-left: 0; } #custom-powersave, #custom-powerlimit { margin-left: -${paddingH}; padding-left: 0; } #clock { font-weight: bold; } #battery:hover, #clock:hover, #cpu:hover, #custom-display:hover, #custom-powerlimit:hover, #custom-powersave:hover, #language:hover, #memory:hover, #mpris:hover, #pulseaudio:hover, #temperature:hover, #tray:hover, #scratchpad:hover, #workspaces button:hover { background-color: rgba(${style.color.border-r},${style.color.border-g},${style.color.border-b},${toString(style.opacity.desktop)}); } #pulseaudio.muted, #battery.critical, #tray.needs-attention, #custom-display.modified { border-top: ${toString(style.window.border)}px solid #${style.color.accent}; } #workspaces button { padding: ${paddingV} 4px; border-top: ${toString(style.window.border)}px solid transparent; border-radius: 0; } #workspaces button.focused { border-top: ${toString(style.window.border)}px solid #${style.color.accent}; } ''; }