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}