style.css
1 |
|
2 |
* { |
3 |
border: none; |
4 |
border-radius: 0; |
5 |
font-family: Ubuntu, Roboto, Helvetica, Arial, sans-serif; |
6 |
font-size: 15px; |
7 |
min-height: 0; |
8 |
} |
9 |
|
10 |
|
11 |
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ |
12 |
/* sway/workspaces */ |
13 |
#workspaces button { |
14 |
padding: 0 2px; |
15 |
background: transparent; |
16 |
color: #ffffff; |
17 |
border-bottom: 3px solid transparent; |
18 |
transition-property: padding; |
19 |
transition-duration: .5s; |
20 |
} |
21 |
|
22 |
#workspaces button.focused { |
23 |
background: #64727D; |
24 |
border-bottom: 3px solid #ffffff; |
25 |
padding: 5px; |
26 |
} |
27 |
|
28 |
#workspaces button.urgent { |
29 |
background-color: #eb4d4b; |
30 |
} |
31 |
|
32 |
window#waybar { |
33 |
background: rgba(43, 48, 59, 0.5); |
34 |
border-bottom: 3px solid rgba(100, 114, 125, 0.5); |
35 |
color: #ffffff; |
36 |
transition-property: background, background-color; |
37 |
transition-duration: .5s; |
38 |
} |
39 |
|
40 |
window#waybar.hidden { |
41 |
opacity: 0.2; |
42 |
} |
43 |
|
44 |
/* |
45 |
window#waybar.empty { |
46 |
background: transparent; |
47 |
} |
48 |
window#waybar.solo { |
49 |
background: #FFFFFF; |
50 |
} |
51 |
*/ |
52 |
|
53 |
window#waybar.termite { |
54 |
background-color: #3F3F3F; |
55 |
} |
56 |
|
57 |
window#waybar.chromium { |
58 |
background-color: #000000; |
59 |
border: none; |
60 |
} |
61 |
|
62 |
|
63 |
#mode { |
64 |
background: #64727D; |
65 |
border-bottom: 3px solid #ffffff; |
66 |
} |
67 |
|
68 |
#clock, #battery, #cpu, #memory, #temperature, #backlight, #network, |
69 |
#pulseaudio, #tray, #mode { |
70 |
/*padding: 0 10px; |
71 |
margin: 0 5px;*/ |
72 |
color: #ffffff; |
73 |
} |
74 |
|
75 |
#clock { |
76 |
background-color: #64727D; |
77 |
} |
78 |
|
79 |
#battery { |
80 |
background-color: #ffffff; |
81 |
color: #000000; |
82 |
} |
83 |
|
84 |
#battery.charging { |
85 |
color: #ffffff; |
86 |
background-color: #26A65B; |
87 |
} |
88 |
|
89 |
@keyframes blink { |
90 |
to { |
91 |
background-color: #ffffff; |
92 |
color: #000000; |
93 |
} |
94 |
} |
95 |
|
96 |
#battery.critical:not(.charging) { |
97 |
background: #f53c3c; |
98 |
color: #ffffff; |
99 |
animation-name: blink; |
100 |
animation-duration: 0.5s; |
101 |
animation-timing-function: linear; |
102 |
animation-iteration-count: infinite; |
103 |
animation-direction: alternate; |
104 |
} |
105 |
|
106 |
label:focus { |
107 |
background-color: #000000; |
108 |
} |
109 |
|
110 |
#cpu { |
111 |
background: #2ecc71; |
112 |
color: #000000; |
113 |
} |
114 |
|
115 |
#memory { |
116 |
background: #9b59b6; |
117 |
} |
118 |
|
119 |
#backlight { |
120 |
background: #90b1b1; |
121 |
} |
122 |
|
123 |
#network { |
124 |
background: #2980b9; |
125 |
} |
126 |
|
127 |
#network.disconnected { |
128 |
background: #f53c3c; |
129 |
} |
130 |
|
131 |
#pulseaudio { |
132 |
background: #f1c40f; |
133 |
color: #000000; |
134 |
} |
135 |
|
136 |
#pulseaudio.muted { |
137 |
background: #90b1b1; |
138 |
color: #2a5c45; |
139 |
} |
140 |
|
141 |
#temperature { |
142 |
background: #f0932b; |
143 |
} |
144 |
|
145 |
#temperature.critical { |
146 |
background: #eb4d4b; |
147 |
} |
148 |
|
149 |
#tray { |
150 |
background-color: #2980b9; |
151 |
} |
152 |