* { border: none; border-radius: 0; font-family: 'FiraCode Nerd Font'; font-size: 13px; min-height: 0; } window#waybar { background: transparent; /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */ color: white; } tooltip { background: rgba(114, 101, 138, 0.5); border: 1px solid rgba(100, 114, 125, 0.5); } tooltip label { color: white; } #workspaces{ background-color: rgba(114, 101, 138, 0.5); margin-top: 3px; margin-bottom: 3px; border-radius: 4px; margin-left: 5px; } #workspaces button { padding: 5px 5px; background: transparent; color: white; border-bottom: 3px solid transparent; margin-top: 3px; margin-left: 3px; border-radius: 4px; } #workspaces button.focused { background: #64727D; border-bottom: 3px solid white; } #workspaces button:hover{ border-radius: 6px; background-color: rgba(114, 101, 138, 0.8); } #mode, #clock, #battery { padding: 0 10px; } #mode { background: #64727D; border-bottom: 3px solid white; } #clock, #idle_inhibitor, #network, #pulseaudio, #tray, #temperature{ background-color: rgba(114, 101, 138, 0.5); padding: 2px 10px; margin-top: 3px; margin-bottom: 3px; padding-left: 10px; } #custom-div{ background-color: rgba(114, 101, 138, 0.5); margin-top: 3px; margin-bottom: 3px; } #clock { padding-left: 15px; padding-right: 0; margin-right: 5px; } #idle_inhibitor{ background-color: rgba(0, 255, 255, 0.3); } #battery { background-color: #ffffff; color: black; } #battery.charging { color: white; background-color: #26A65B; } @keyframes blink { to { background-color: #ffffff; color: black; } } #battery.warning:not(.charging) { background: #f53c3c; color: white; animation-name: blink; animation-duration: 0.5s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; } #custom-menu{ padding-left: 8px; padding-right: 11px; background-color: rgba(114, 101, 138, 0.5); border-radius: 4px; margin-top: 3px; margin-bottom: 3px; margin-left: 5px; } #tray{ padding-left: 5px; padding-right: 5px; border-radius: 4px; margin-right: 2px } #clock{ border-radius:0px 4px 4px 0px; padding-right: 10px; } #custom-updates{ padding-right: 10px; } #pulseaudio.muted{ color: rgb(189, 5, 5); font-weight: bold; } #custom-power{ margin-right: 5px; margin-left: 2px; margin-top: 3px; margin-bottom: 3px; border-radius: 4px; padding-right: 2px; background-color: rgba(114, 101, 138, 0.5); } #network{ border-radius: 4px 0px 0px 4px; } #custom-playerctl{ padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; background-color: rgba(114, 101, 138, 0.8); margin-bottom: 3px; margin-top: 3px; margin-right: 5px; border-radius: 4px; } #custom-name{ border: solid 2px; border-color: rgba(156, 120, 223, 1); border-radius: 2pc 0px 2pc 0px; padding-left: 20px; padding-right: 20px; margin-top: 3px; margin-bottom: 3px; }