tkbar 0.2.0

A minimalist, hardened status bar for Wayland.
1
window{background:rgba(0,0,0,0)}.bar{background-color:rgba(13.5837104072%,8.1025641026%,9.2941176471%,.9333333333);border-radius:16px;color:#e0e0e6;padding:8px 6px;font-family:monospace;margin:8px 8px}.bar .logo{font-size:28px;color:#fde;background:linear-gradient(rgb(100%, 58.6666666667%, 66.2647058824%), rgb(100%, 34.6666666667%, 46.6764705882%));min-height:46px;min-width:46px;margin:0px;padding:0px;border-radius:12px}.bar .workspaces{font-size:20px;color:#fde;background:rgba(57,34,39,.9333333333);margin:0px;border-radius:12px;padding:8px 0px}.bar .workspaces .workspace{color:rgba(57,34,39,.9333333333);font-weight:bold;background:rgba(255,221,238,.75);border-radius:10px;padding:2px 0px;transition:.3s;font-size:16px;transition:.3s}.bar .workspaces .workspace:hover{background:rgba(255,221,238,.85)}.bar .workspaces .workspace.inactive{color:rgba(255,221,238,.5);font-weight:normal;background:rgba(0,0,0,0);padding:0px 0px;transition:.3s}.bar .workspaces .workspace.inactive:hover{background:rgba(255,221,238,.15)}.bar .workspaces .workspace.current{color:#fde;font-weight:900;background:#ff7790;min-height:32px;border-radius:12px;transition:.3s}.bar .workspaces .workspace.current:hover{background:rgba(255,119,144,.9)}.bar .volume,.bar .brightness,.bar .wifi,.bar .battery{background:rgba(57,34,39,.9333333333);border-radius:12px;padding:8px;color:rgb(100%,66.6666666667%,72.7941176471%);transition:.3s}.bar .volume:hover,.bar .brightness:hover,.bar .wifi:hover,.bar .battery:hover{background-color:rgba(28.6166774402%,17.0695970696%,19.5798319328%,.9333333333)}.bar .volume .icon,.bar .brightness .icon,.bar .wifi .icon,.bar .battery .icon{font-size:20px;line-height:18px}.bar .volume .value,.bar .brightness .value,.bar .wifi .value,.bar .battery .value{font-size:14px}.bar .volume.muted{color:rgba(255,255,255,.5333333333)}.bar .volume.muted .value{font-size:12px;line-height:17px}.bar .wifi .icon{padding:8px;margin-left:-6px}.bar .battery.charging{background:linear-gradient(rgba(57, 34, 39, 0.9333333333) 30%, rgba(33.6470588235%, 39.3333333333%, 26.7058823529%, 0.7333333333) 75%, rgba(153, 255, 138, 0.5333333333))}.bar .battery.critical{background:linear-gradient(rgba(57, 34, 39, 0.9333333333) 30%, rgba(45.6470588235%, 17.3333333333%, 20.7058823529%, 0.7333333333) 75%, rgba(255, 68, 86, 0.5333333333))}.bar .brightness .icon{margin-left:-6px}.bar .clock{font-size:18px;font-weight:900;background:rgba(57,34,39,.9333333333);border-radius:12px;padding:8px;line-height:24px;color:#fde}.bar.horizontal .workspaces{padding:0px 8px}.bar.horizontal .workspaces .workspace.current{min-height:none !important;padding:0px 6px}.bar.horizontal .value{margin-left:4px}.bar.horizontal .brightness .icon{margin-left:0px;margin-right:4px}