dotfiles

style.css (1523B)

---

 @define-color background #282828;
 @define-color foreground #e4e4e4;
 @define-color red #f53c3c;
 @define-color cyan #005577;
 
 * {
     border-radius: 0;
     font-family: Iosevka Nerd Font, Roboto, Helvetica, Arial, sans-serif;
     font-size: 13px;
     min-height: 0;
 }
 
 window#waybar {
     background: @background;
     color: @foreground;
 }
 
 tooltip {
   background: rgba(43, 48, 59, 0.5);
 }
 
 tooltip label {
   color: white;
 }
 
 #tags button {
     padding: 0 5px;
     color: white;
 }
 
 #tags button.urgent {
 	background: @red;
 }
 
 #tags button.focused {
     background: @cyan;
 }
 
 #tags button:not(.occupied):not(.focused) {
 	font-size: 0;
 	min-width: 0;
 	min-height: 0;
 	margin: -17px;
 	padding: 0;
 	border: 0;
 	opacity: 0;
 	box-shadow: none;
 	background-color: transparent;
 }
 
 #mode, #clock, #battery, #pulseaudio, #custom-mail {
     padding: 0 10px;
 }
 
 #mode {
     background: #64727D;
 }
 
 #clock {
     background-color: #64727D;
 }
 
 #battery {
     background-color: #ffffff;
     color: black;
 }
 
 #battery.charging {
     color: white;
     background-color: #26A65B;
 }
 
 #pulseaudio {
     background-color: #64727D;
 }
 
 #custom-mail {
     background-color: #ffffff;
 	color: black;
 }
 
 @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;
 }