repos / dotfiles

my dotfiles

dotfiles / dot_config / waybar
Eric Bower  ·  2025-10-24

style.css

  1* {
  2	border: none;
  3  padding: 0;
  4  margin: 0;
  5	transition: none;
  6  min-height: 0;
  7}
  8
  9window#waybar {
 10	background: #282a36;
 11  color: #f2f2f2;
 12}
 13
 14window#waybar.hidden {
 15	opacity: 0.2;
 16}
 17
 18#window {
 19}
 20
 21#tags {
 22	background: #161320;
 23}
 24
 25#tags button {
 26  padding: 0;
 27	color: #B5E8E0;
 28	background: transparent;
 29  border: 2px solid black;
 30}
 31
 32#tags button.focused {
 33	color: #ABE9B3;
 34  border: 2px solid #ABE9B3;
 35}
 36
 37#tags button:hover {
 38	box-shadow: inherit;
 39	text-shadow: inherit;
 40  border: 2px solid #E8A2AF;
 41  color: #E8A2AF;
 42}
 43
 44#workspaces {
 45	background: #161320;
 46}
 47
 48#workspaces button {
 49  padding: 0;
 50	color: #B5E8E0;
 51	background: transparent;
 52  border: 2px solid black;
 53}
 54
 55#workspaces button.focused {
 56	color: #ABE9B3;
 57  border: 2px solid #ABE9B3;
 58}
 59
 60#workspaces button:hover {
 61	box-shadow: inherit;
 62	text-shadow: inherit;
 63  border: 2px solid #E8A2AF;
 64  color: #E8A2AF;
 65}
 66
 67#pulseaudio {
 68  padding: 0 10px;
 69	color: #1A1826;
 70	background: #FAE3B0;
 71}
 72
 73#backlight {
 74  padding: 0 10px;
 75	color: #161320;
 76	background: #F8BD96;
 77}
 78
 79#clock {
 80  padding: 0 10px;
 81	color: #161320;
 82	background: #ABE9B3;
 83}
 84
 85#network {
 86  padding: 0 10px;
 87	color: #161320;
 88	background: #DDB6F2;
 89}
 90
 91#battery {
 92  padding: 0 10px;
 93	color: #161320;
 94	background: #B5E8E0;
 95}
 96
 97#battery.charging, #battery.plugged {
 98	color: #161320;
 99  background-color: #B5E8E0;
100}
101
102#battery.critical:not(.charging) {
103  background-color: #B5E8E0;
104  color: #161320;
105  animation-name: blink;
106  animation-duration: 0.5s;
107  animation-timing-function: linear;
108  animation-iteration-count: infinite;
109  animation-direction: alternate;
110}
111
112@keyframes blink {
113  to {
114    background-color: #BF616A;
115    color: #B5E8E0;
116  }
117}