diff options
author | jdlugosz963 <jdlugosz963@gmail.com> | 2024-04-26 18:21:56 +0200 |
---|---|---|
committer | jdlugosz963 <jdlugosz963@gmail.com> | 2024-04-27 18:20:11 +0200 |
commit | 73af89d935df5a8166114c9257f9f247f29850bf (patch) | |
tree | c8addfe86575b030ca5a61644dbc77adb8f63c43 /.config/waybar/style.css | |
parent | 9ca1ae3ceca5944765af94514e75a96195de5716 (diff) | |
download | dotfiles-73af89d935df5a8166114c9257f9f247f29850bf.tar.gz dotfiles-73af89d935df5a8166114c9257f9f247f29850bf.zip |
Migrate from stumpwm to sway and from manifests to home-services.
Diffstat (limited to '.config/waybar/style.css')
-rw-r--r-- | .config/waybar/style.css | 205 |
1 files changed, 205 insertions, 0 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..53d732b --- /dev/null +++ b/.config/waybar/style.css | |||
@@ -0,0 +1,205 @@ | |||
1 | /* Keyframes */ | ||
2 | |||
3 | @keyframes blink-critical { | ||
4 | to { | ||
5 | /*color: @white;*/ | ||
6 | background-color: @critical; | ||
7 | } | ||
8 | } | ||
9 | |||
10 | |||
11 | /* Styles */ | ||
12 | |||
13 | /* Colors (gruvbox) */ | ||
14 | @define-color black #073642; | ||
15 | @define-color red #dc322f; | ||
16 | @define-color green #859900; | ||
17 | @define-color yellow #b58900; | ||
18 | @define-color blue #268bd2; | ||
19 | @define-color purple #d33682; | ||
20 | @define-color aqua #00afaf; | ||
21 | @define-color gray #1c1c1c; | ||
22 | @define-color brgray #928374; | ||
23 | @define-color brred #cb4b16; | ||
24 | @define-color brgreen #586e75; | ||
25 | @define-color bryellow #657b83; | ||
26 | @define-color brblue #839496; | ||
27 | @define-color brpurple #6c71c4; | ||
28 | @define-color braqua #93a1a1; | ||
29 | @define-color white #eee8d5; | ||
30 | @define-color bg1 #073642; | ||
31 | @define-color bg2 #002b36; | ||
32 | |||
33 | |||
34 | @define-color warning @bryellow; | ||
35 | @define-color critical @red; | ||
36 | @define-color mode @bg2; | ||
37 | @define-color unfocused @bg2; | ||
38 | @define-color focused @blue; | ||
39 | @define-color inactive @purple; | ||
40 | @define-color sound @green; | ||
41 | @define-color network @yellow; | ||
42 | @define-color memory @aqua; | ||
43 | @define-color cpu @blue; | ||
44 | @define-color temp @brpurple; | ||
45 | @define-color layout @green; | ||
46 | @define-color battery @yellow; | ||
47 | @define-color date @aqua; | ||
48 | @define-color time @bg2; | ||
49 | @define-color tray @bg2; | ||
50 | |||
51 | /* Reset all styles */ | ||
52 | * { | ||
53 | border: none; | ||
54 | border-radius: 0; | ||
55 | min-height: 0; | ||
56 | margin: 0; | ||
57 | padding: 0; | ||
58 | box-shadow: none; | ||
59 | text-shadow: none; | ||
60 | icon-shadow: none; | ||
61 | } | ||
62 | |||
63 | /* The whole bar */ | ||
64 | #waybar { | ||
65 | background: @bg2; | ||
66 | color: @white; | ||
67 | font-family: "Terminus (TTF)", FontAwesome; | ||
68 | font-size: 12pt; | ||
69 | } | ||
70 | |||
71 | /* Each module */ | ||
72 | #battery, | ||
73 | #clock, | ||
74 | #cpu, | ||
75 | #language, | ||
76 | #memory, | ||
77 | #mode, | ||
78 | #network, | ||
79 | #pulseaudio, | ||
80 | #temperature, | ||
81 | #tray, | ||
82 | #backlight, | ||
83 | #idle_inhibitor, | ||
84 | #disk, | ||
85 | #user, | ||
86 | #mpris { | ||
87 | padding-left: 8pt; | ||
88 | padding-right: 8pt; | ||
89 | } | ||
90 | |||
91 | /* Each critical module */ | ||
92 | #memory.critical, | ||
93 | #cpu.critical, | ||
94 | #temperature.critical, | ||
95 | #battery.critical.discharging { | ||
96 | animation-timing-function: linear; | ||
97 | animation-iteration-count: infinite; | ||
98 | animation-direction: alternate; | ||
99 | animation-name: blink-critical; | ||
100 | animation-duration: 1s; | ||
101 | } | ||
102 | |||
103 | /* Each warning */ | ||
104 | #network.disconnected, | ||
105 | #memory.warning, | ||
106 | #cpu.warning, | ||
107 | #temperature.warning, | ||
108 | #battery.warning.discharging { | ||
109 | color: @warning; | ||
110 | } | ||
111 | |||
112 | /* And now modules themselves in their respective order */ | ||
113 | |||
114 | /* Current sway mode (resize etc) */ | ||
115 | #mode { | ||
116 | color: @white; | ||
117 | background: @mode; | ||
118 | } | ||
119 | |||
120 | /* Workspaces stuff */ | ||
121 | #workspaces button { | ||
122 | /*font-weight: bold;*/ | ||
123 | padding-left: 2pt; | ||
124 | padding-right: 2pt; | ||
125 | color: @white; | ||
126 | background: @unfocused; | ||
127 | } | ||
128 | |||
129 | /* Inactive (on unfocused output) */ | ||
130 | #workspaces button.visible { | ||
131 | color: @white; | ||
132 | background: @inactive; | ||
133 | } | ||
134 | |||
135 | /* Active (on focused output) */ | ||
136 | #workspaces button.focused { | ||
137 | color: @black; | ||
138 | background: @focused; | ||
139 | } | ||
140 | |||
141 | /* Contains an urgent window */ | ||
142 | #workspaces button.urgent { | ||
143 | color: @black; | ||
144 | background: @warning; | ||
145 | } | ||
146 | |||
147 | /* Style when cursor is on the button */ | ||
148 | #workspaces button:hover { | ||
149 | background: @black; | ||
150 | color: @white; | ||
151 | } | ||
152 | |||
153 | #window { | ||
154 | margin-right: 35pt; | ||
155 | margin-left: 35pt; | ||
156 | } | ||
157 | |||
158 | #pulseaudio { | ||
159 | background: @sound; | ||
160 | color: @black; | ||
161 | } | ||
162 | |||
163 | #network { | ||
164 | background: @network; | ||
165 | color: @white; | ||
166 | } | ||
167 | |||
168 | #memory { | ||
169 | background: @memory; | ||
170 | color: @black; | ||
171 | } | ||
172 | |||
173 | #cpu { | ||
174 | background: @cpu; | ||
175 | color: @white; | ||
176 | } | ||
177 | |||
178 | #temperature { | ||
179 | background: @temp; | ||
180 | color: @black; | ||
181 | } | ||
182 | |||
183 | #language { | ||
184 | background: @layout; | ||
185 | color: @black; | ||
186 | } | ||
187 | |||
188 | #battery { | ||
189 | background: @battery; | ||
190 | color: @white; | ||
191 | } | ||
192 | |||
193 | #tray { | ||
194 | background: @tray; | ||
195 | } | ||
196 | |||
197 | #clock.date { | ||
198 | background: @date; | ||
199 | color: @black; | ||
200 | } | ||
201 | |||
202 | #clock.time { | ||
203 | background: @time; | ||
204 | color: @white; | ||
205 | } | ||