diff options
-rw-r--r-- | .config/waybar/config.jsonc | 247 | ||||
-rw-r--r-- | .config/waybar/latte.css | 37 | ||||
-rw-r--r-- | .config/waybar/mocha.css | 37 | ||||
-rw-r--r-- | .config/waybar/style.css | 293 |
4 files changed, 614 insertions, 0 deletions
diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc new file mode 100644 index 0000000..e990a69 --- /dev/null +++ b/.config/waybar/config.jsonc | |||
@@ -0,0 +1,247 @@ | |||
1 | // -*- mode: jsonc -*- | ||
2 | { | ||
3 | "layer": "top", // Waybar at top layer | ||
4 | "position": "top", // Waybar position (top|bottom|left|right) | ||
5 | "height": 20, // Waybar height (to be removed for auto height) | ||
6 | // "width": 1280, // Waybar width | ||
7 | "spacing": 4, // Gaps between modules (4px) | ||
8 | // Choose the order of the modules | ||
9 | "modules-left": [ | ||
10 | "hyprland/workspaces", | ||
11 | "custom/focus" | ||
12 | ], | ||
13 | "modules-center": [ | ||
14 | "hyprland/window" | ||
15 | ], | ||
16 | "modules-right": [ | ||
17 | "mpris", | ||
18 | // "mpd", | ||
19 | // "idle_inhibitor", | ||
20 | "pulseaudio", | ||
21 | // "network", | ||
22 | // "cpu", | ||
23 | // "memory", | ||
24 | // "temperature", | ||
25 | // "backlight", | ||
26 | // "keyboard-state", | ||
27 | // "sway/language", | ||
28 | "battery", | ||
29 | // "battery#bat2", | ||
30 | "clock", | ||
31 | "privacy", | ||
32 | "tray" | ||
33 | ], | ||
34 | // Modules configuration | ||
35 | "hyprland/window": { | ||
36 | "max-length": 40 | ||
37 | }, | ||
38 | "hyprland/workspaces": { | ||
39 | "disable-scroll": true, | ||
40 | "all-outputs": true, | ||
41 | "warp-on-scroll": false, | ||
42 | // "format": "{name}: {icon}", | ||
43 | "format": "{icon}", | ||
44 | "format-icons": { | ||
45 | "1": "1", | ||
46 | "2": "2", | ||
47 | "3": "3", | ||
48 | "4": "4", | ||
49 | "5": "5", | ||
50 | "6": "6", | ||
51 | "7": "7", | ||
52 | "8": "8", | ||
53 | "9": "9", | ||
54 | "desktop": "", | ||
55 | "console": "", | ||
56 | "browser": "", | ||
57 | "zotero": "", | ||
58 | "music": "", | ||
59 | // "urgent": "", | ||
60 | // "active": "◎", | ||
61 | "default": "" | ||
62 | } | ||
63 | }, | ||
64 | "keyboard-state": { | ||
65 | "numlock": true, | ||
66 | "capslock": true, | ||
67 | "format": "{name} {icon}", | ||
68 | "format-icons": { | ||
69 | "locked": "", | ||
70 | "unlocked": "" | ||
71 | } | ||
72 | }, | ||
73 | "sway/mode": { | ||
74 | "format": "<span style=\"italic\">{}</span>" | ||
75 | }, | ||
76 | "sway/scratchpad": { | ||
77 | "format": "{icon} {count}", | ||
78 | "show-empty": false, | ||
79 | "format-icons": ["", ""], | ||
80 | "tooltip": true, | ||
81 | "tooltip-format": "{app}: {title}" | ||
82 | }, | ||
83 | "mpd": { | ||
84 | "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ", | ||
85 | "format-disconnected": "Disconnected ", | ||
86 | "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ", | ||
87 | "unknown-tag": "N/A", | ||
88 | "interval": 2, | ||
89 | "consume-icons": { | ||
90 | "on": " " | ||
91 | }, | ||
92 | "random-icons": { | ||
93 | "off": "<span color=\"#f53c3c\"></span> ", | ||
94 | "on": " " | ||
95 | }, | ||
96 | "repeat-icons": { | ||
97 | "on": " " | ||
98 | }, | ||
99 | "single-icons": { | ||
100 | "on": "1 " | ||
101 | }, | ||
102 | "state-icons": { | ||
103 | "paused": "", | ||
104 | "playing": "" | ||
105 | }, | ||
106 | "tooltip-format": "MPD (connected)", | ||
107 | "tooltip-format-disconnected": "MPD (disconnected)" | ||
108 | }, | ||
109 | "idle_inhibitor": { | ||
110 | "format": "{icon}", | ||
111 | "format-icons": { | ||
112 | "activated": "", | ||
113 | "deactivated": "" | ||
114 | } | ||
115 | }, | ||
116 | "tray": { | ||
117 | // "icon-size": 21, | ||
118 | "spacing": 10 | ||
119 | }, | ||
120 | "clock": { | ||
121 | "format": "{:%H:%M | %B %d, %A}", | ||
122 | "tooltip-format": "<tt><small>{calendar}</small></tt>", | ||
123 | }, | ||
124 | "cpu": { | ||
125 | "format": "{usage}% ", | ||
126 | "tooltip": false | ||
127 | }, | ||
128 | "memory": { | ||
129 | "format": "{}% " | ||
130 | }, | ||
131 | "temperature": { | ||
132 | // "thermal-zone": 2, | ||
133 | // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input", | ||
134 | "critical-threshold": 80, | ||
135 | // "format-critical": "{temperatureC}°C {icon}", | ||
136 | "format": "{temperatureC}°C {icon}", | ||
137 | "format-icons": ["", "", ""] | ||
138 | }, | ||
139 | "backlight": { | ||
140 | // "device": "acpi_video1", | ||
141 | "format": "{percent}% {icon}", | ||
142 | "format-icons": ["", "", "", "", "", "", "", "", ""] | ||
143 | }, | ||
144 | "battery": { | ||
145 | "states": { | ||
146 | // "good": 95, | ||
147 | "warning": 30, | ||
148 | "critical": 15 | ||
149 | }, | ||
150 | "format": "{capacity}% {icon}", | ||
151 | "format-full": "{capacity}% {icon}", | ||
152 | "format-charging": "{capacity}% ", | ||
153 | "format-plugged": "{capacity}% ", | ||
154 | "format-alt": "{time} {icon}", | ||
155 | // "format-good": "", // An empty format will hide the module | ||
156 | // "format-full": "", | ||
157 | "format-icons": ["", "", "", "", ""] | ||
158 | }, | ||
159 | "battery#bat2": { | ||
160 | "bat": "BAT2" | ||
161 | }, | ||
162 | "network": { | ||
163 | // "interface": "wlp2*", // (Optional) To force the use of this interface | ||
164 | "format-wifi": "{signalStrength}% ", | ||
165 | "format-ethernet": "{ipaddr}/{cidr} ", | ||
166 | "tooltip-format": "{ifname} via {gwaddr} ", | ||
167 | "format-linked": "{ifname} (No IP) ", | ||
168 | "format-disconnected": "Disconnected", | ||
169 | "format-alt": "{ifname}: {ipaddr}/{cidr}" | ||
170 | }, | ||
171 | "pulseaudio": { | ||
172 | // "scroll-step": 1, // %, can be a float | ||
173 | "format": "{volume}% {icon}", | ||
174 | "format-bluetooth": "{volume}% {icon} ", | ||
175 | "format-bluetooth-muted": " {icon} ", | ||
176 | // "format": "{volume}% {icon} {format_source}", | ||
177 | // "format-bluetooth": "{volume}% {icon} {format_source}", | ||
178 | // "format-bluetooth-muted": " {icon} {format_source}", | ||
179 | "format-muted": " {format_source}", | ||
180 | // "format-source": "{volume}% ", | ||
181 | // "format-source-muted": "", | ||
182 | "format-icons": { | ||
183 | "headphone": "", | ||
184 | "hands-free": "", | ||
185 | "headset": "", | ||
186 | "phone": "", | ||
187 | "portable": "", | ||
188 | "car": "", | ||
189 | "default": [" ", " ", " "] | ||
190 | }, | ||
191 | "on-click": "pavucontrol" | ||
192 | }, | ||
193 | "custom/media": { | ||
194 | "format": "{icon} {}", | ||
195 | "return-type": "json", | ||
196 | "max-length": 40, | ||
197 | "format-icons": { | ||
198 | "spotify": "", | ||
199 | "default": "🎜" | ||
200 | }, | ||
201 | "escape": true, | ||
202 | "exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder | ||
203 | // "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name | ||
204 | }, | ||
205 | "mpris": { | ||
206 | "format": "{player_icon} {dynamic}", | ||
207 | "format-paused": "{status_icon} {dynamic}", | ||
208 | "dynamic-len": 36, | ||
209 | "player-icons": { | ||
210 | "default": "", | ||
211 | "mpv": "🎵" | ||
212 | }, | ||
213 | "status-icons": { | ||
214 | "playing": "", | ||
215 | "paused": "", | ||
216 | "stopped": "" | ||
217 | }, | ||
218 | "dynamic-order": [ | ||
219 | "artist", | ||
220 | "title" | ||
221 | ] | ||
222 | // "ignored-players": ["firefox"] | ||
223 | }, | ||
224 | "privacy": { | ||
225 | "icon-spacing": 4, | ||
226 | "icon-size": 18, | ||
227 | "transition-duration": 120, | ||
228 | "modules": [ | ||
229 | { | ||
230 | "type": "screenshare", | ||
231 | "tooltip": true, | ||
232 | "tooltip-icon-size": 24 | ||
233 | }, | ||
234 | { | ||
235 | "type": "audio-in", | ||
236 | "tooltip": true, | ||
237 | "tooltip-icon-size": 24 | ||
238 | } | ||
239 | ] | ||
240 | }, | ||
241 | "custom/focus": { | ||
242 | "exec": "/home/yigit/.config/polybar/scripts/focus", | ||
243 | "interval": 5, | ||
244 | "format": "{}" | ||
245 | } | ||
246 | } | ||
247 | |||
diff --git a/.config/waybar/latte.css b/.config/waybar/latte.css new file mode 100644 index 0000000..085cc3e --- /dev/null +++ b/.config/waybar/latte.css | |||
@@ -0,0 +1,37 @@ | |||
1 | /* | ||
2 | * | ||
3 | * Catppuccin Latte palette | ||
4 | * Maintainer: rubyowo | ||
5 | * | ||
6 | */ | ||
7 | |||
8 | @define-color base #eff1f5; | ||
9 | @define-color mantle #e6e9ef; | ||
10 | @define-color crust #dce0e8; | ||
11 | |||
12 | @define-color text #4c4f69; | ||
13 | @define-color subtext0 #6c6f85; | ||
14 | @define-color subtext1 #5c5f77; | ||
15 | |||
16 | @define-color surface0 #ccd0da; | ||
17 | @define-color surface1 #bcc0cc; | ||
18 | @define-color surface2 #acb0be; | ||
19 | |||
20 | @define-color overlay0 #9ca0b0; | ||
21 | @define-color overlay1 #8c8fa1; | ||
22 | @define-color overlay2 #7c7f93; | ||
23 | |||
24 | @define-color blue #1e66f5; | ||
25 | @define-color lavender #7287fd; | ||
26 | @define-color sapphire #209fb5; | ||
27 | @define-color sky #04a5e5; | ||
28 | @define-color teal #179299; | ||
29 | @define-color green #40a02b; | ||
30 | @define-color yellow #df8e1d; | ||
31 | @define-color peach #fe640b; | ||
32 | @define-color maroon #e64553; | ||
33 | @define-color red #d20f39; | ||
34 | @define-color mauve #8839ef; | ||
35 | @define-color pink #ea76cb; | ||
36 | @define-color flamingo #dd7878; | ||
37 | @define-color rosewater #dc8a78; | ||
diff --git a/.config/waybar/mocha.css b/.config/waybar/mocha.css new file mode 100644 index 0000000..98e218a --- /dev/null +++ b/.config/waybar/mocha.css | |||
@@ -0,0 +1,37 @@ | |||
1 | /* | ||
2 | * | ||
3 | * Catppuccin Mocha palette | ||
4 | * Maintainer: rubyowo | ||
5 | * | ||
6 | */ | ||
7 | |||
8 | @define-color base #1e1e2e; | ||
9 | @define-color mantle #181825; | ||
10 | @define-color crust #11111b; | ||
11 | |||
12 | @define-color text #cdd6f4; | ||
13 | @define-color subtext0 #a6adc8; | ||
14 | @define-color subtext1 #bac2de; | ||
15 | |||
16 | @define-color surface0 #313244; | ||
17 | @define-color surface1 #45475a; | ||
18 | @define-color surface2 #585b70; | ||
19 | |||
20 | @define-color overlay0 #6c7086; | ||
21 | @define-color overlay1 #7f849c; | ||
22 | @define-color overlay2 #9399b2; | ||
23 | |||
24 | @define-color blue #89b4fa; | ||
25 | @define-color lavender #b4befe; | ||
26 | @define-color sapphire #74c7ec; | ||
27 | @define-color sky #89dceb; | ||
28 | @define-color teal #94e2d5; | ||
29 | @define-color green #a6e3a1; | ||
30 | @define-color yellow #f9e2af; | ||
31 | @define-color peach #fab387; | ||
32 | @define-color maroon #eba0ac; | ||
33 | @define-color red #f38ba8; | ||
34 | @define-color mauve #cba6f7; | ||
35 | @define-color pink #f5c2e7; | ||
36 | @define-color flamingo #f2cdcd; | ||
37 | @define-color rosewater #f5e0dc; | ||
diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..7db875f --- /dev/null +++ b/.config/waybar/style.css | |||
@@ -0,0 +1,293 @@ | |||
1 | @import "latte.css"; | ||
2 | |||
3 | * { | ||
4 | border: none; | ||
5 | border-radius: 0; | ||
6 | font-family: FontAwesome, scientifica; | ||
7 | font-size: 14px; | ||
8 | min-height: 0; | ||
9 | box-shadow: none; | ||
10 | text-shadow: none; | ||
11 | transition-duration: 0s; | ||
12 | color: @text; | ||
13 | } | ||
14 | |||
15 | window#waybar { | ||
16 | background-color: @base; | ||
17 | } | ||
18 | |||
19 | window#waybar.hidden { | ||
20 | opacity: 0.2; | ||
21 | } | ||
22 | |||
23 | button { | ||
24 | /* Use box-shadow instead of border so the text isn't offset */ | ||
25 | box-shadow: inset 0 -3px transparent; | ||
26 | /* Avoid rounded borders under each button name */ | ||
27 | border: none; | ||
28 | border-radius: 0; | ||
29 | } | ||
30 | |||
31 | /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ | ||
32 | button:hover { | ||
33 | background: inherit; | ||
34 | box-shadow: inset 0 -3px @overlay0; | ||
35 | } | ||
36 | |||
37 | #workspaces button { | ||
38 | padding: 0 5px; | ||
39 | background-color: transparent; | ||
40 | } | ||
41 | |||
42 | #workspaces button:hover { | ||
43 | background: rgba(0, 0, 0, 0.2); | ||
44 | } | ||
45 | |||
46 | #workspaces button.focused { | ||
47 | background-color: @blue; | ||
48 | box-shadow: inset 0 -3px #ffffff; | ||
49 | } | ||
50 | |||
51 | #workspaces button.urgent { | ||
52 | background-color: #d20f39; | ||
53 | } | ||
54 | |||
55 | #workspaces button.active { | ||
56 | background-color: #a6e3a1; | ||
57 | } | ||
58 | |||
59 | #mode { | ||
60 | background-color: #64727D; | ||
61 | box-shadow: inset 0 -3px #ffffff; | ||
62 | } | ||
63 | |||
64 | #clock, | ||
65 | #battery, | ||
66 | #cpu, | ||
67 | #memory, | ||
68 | #disk, | ||
69 | #temperature, | ||
70 | #backlight, | ||
71 | #network, | ||
72 | #pulseaudio, | ||
73 | #wireplumber, | ||
74 | #custom-media, | ||
75 | #tray, | ||
76 | #mode, | ||
77 | #idle_inhibitor, | ||
78 | #scratchpad, | ||
79 | #mpris, | ||
80 | #mpd { | ||
81 | padding: 0 10px; | ||
82 | } | ||
83 | |||
84 | #window, | ||
85 | #workspaces { | ||
86 | margin: 0 4px; | ||
87 | } | ||
88 | |||
89 | /* If workspaces is the leftmost module, omit left margin */ | ||
90 | .modules-left > widget:first-child > #workspaces { | ||
91 | margin-left: 0; | ||
92 | } | ||
93 | |||
94 | /* If workspaces is the rightmost module, omit right margin */ | ||
95 | .modules-right > widget:last-child > #workspaces { | ||
96 | margin-right: 0; | ||
97 | } | ||
98 | |||
99 | tooltip * { | ||
100 | background: transparent; | ||
101 | } | ||
102 | |||
103 | tooltip.background { | ||
104 | background: @crust; | ||
105 | |||
106 | } | ||
107 | |||
108 | #battery { | ||
109 | background-color: #ffffff; | ||
110 | } | ||
111 | |||
112 | #battery.charging, #battery.plugged { | ||
113 | background-color: #26A65B; | ||
114 | } | ||
115 | |||
116 | @keyframes blink { | ||
117 | to { | ||
118 | background-color: #ffffff; | ||
119 | color: #000000; | ||
120 | } | ||
121 | } | ||
122 | |||
123 | /* Using steps() instead of linear as a timing function to limit cpu usage */ | ||
124 | #battery.critical:not(.charging) { | ||
125 | background-color: #f53c3c; | ||
126 | color: #ffffff; | ||
127 | animation-name: blink; | ||
128 | animation-duration: 0.5s; | ||
129 | animation-timing-function: steps(12); | ||
130 | animation-iteration-count: infinite; | ||
131 | animation-direction: alternate; | ||
132 | } | ||
133 | |||
134 | label:focus { | ||
135 | background-color: #000000; | ||
136 | } | ||
137 | |||
138 | #cpu { | ||
139 | background-color: #2ecc71; | ||
140 | } | ||
141 | |||
142 | #memory { | ||
143 | background-color: #9b59b6; | ||
144 | } | ||
145 | |||
146 | #disk { | ||
147 | background-color: #964B00; | ||
148 | } | ||
149 | |||
150 | #backlight { | ||
151 | background-color: #90b1b1; | ||
152 | } | ||
153 | |||
154 | #network { | ||
155 | background-color: #2980b9; | ||
156 | } | ||
157 | |||
158 | #network.disconnected { | ||
159 | background-color: #f53c3c; | ||
160 | } | ||
161 | |||
162 | #pulseaudio { | ||
163 | background-color: #f1c40f; | ||
164 | } | ||
165 | |||
166 | #pulseaudio.muted { | ||
167 | background-color: #90b1b1; | ||
168 | } | ||
169 | |||
170 | #wireplumber { | ||
171 | background-color: #fff0f5; | ||
172 | } | ||
173 | |||
174 | #wireplumber.muted { | ||
175 | background-color: #f53c3c; | ||
176 | } | ||
177 | |||
178 | #custom-media { | ||
179 | background-color: #66cc99; | ||
180 | min-width: 100px; | ||
181 | } | ||
182 | |||
183 | #custom-media.custom-spotify { | ||
184 | background-color: #66cc99; | ||
185 | } | ||
186 | |||
187 | #custom-media.custom-vlc { | ||
188 | background-color: #ffa000; | ||
189 | } | ||
190 | |||
191 | #temperature { | ||
192 | background-color: #f0932b; | ||
193 | } | ||
194 | |||
195 | #temperature.critical { | ||
196 | background-color: #eb4d4b; | ||
197 | } | ||
198 | |||
199 | #tray { | ||
200 | background-color: @sapphire; | ||
201 | } | ||
202 | |||
203 | #tray > .passive { | ||
204 | -gtk-icon-effect: dim; | ||
205 | } | ||
206 | |||
207 | #tray > .needs-attention { | ||
208 | -gtk-icon-effect: highlight; | ||
209 | background-color: @red; | ||
210 | } | ||
211 | |||
212 | #tray menu { | ||
213 | background-color: @mantle; | ||
214 | color: @text; | ||
215 | } | ||
216 | |||
217 | #idle_inhibitor { | ||
218 | background-color: #2d3436; | ||
219 | } | ||
220 | |||
221 | #idle_inhibitor.activated { | ||
222 | background-color: #ecf0f1; | ||
223 | } | ||
224 | |||
225 | #mpd { | ||
226 | background-color: #66cc99; | ||
227 | } | ||
228 | |||
229 | #mpd.disconnected { | ||
230 | background-color: #f53c3c; | ||
231 | } | ||
232 | |||
233 | #mpd.stopped { | ||
234 | background-color: #90b1b1; | ||
235 | } | ||
236 | |||
237 | #mpd.paused { | ||
238 | background-color: #51a37a; | ||
239 | } | ||
240 | |||
241 | #language { | ||
242 | background: #00b093; | ||
243 | padding: 0 5px; | ||
244 | margin: 0 5px; | ||
245 | min-width: 16px; | ||
246 | } | ||
247 | |||
248 | #keyboard-state { | ||
249 | background: #97e1ad; | ||
250 | padding: 0 0px; | ||
251 | margin: 0 5px; | ||
252 | min-width: 16px; | ||
253 | } | ||
254 | |||
255 | #keyboard-state > label { | ||
256 | padding: 0 5px; | ||
257 | } | ||
258 | |||
259 | #keyboard-state > label.locked { | ||
260 | background: rgba(0, 0, 0, 0.2); | ||
261 | } | ||
262 | |||
263 | #scratchpad { | ||
264 | background: rgba(0, 0, 0, 0.2); | ||
265 | } | ||
266 | |||
267 | #scratchpad.empty { | ||
268 | background-color: transparent; | ||
269 | } | ||
270 | |||
271 | #privacy { | ||
272 | padding: 0; | ||
273 | } | ||
274 | |||
275 | #privacy-item { | ||
276 | padding: 0 5px; | ||
277 | } | ||
278 | |||
279 | #privacy-item.screenshare { | ||
280 | background-color: #cf5700; | ||
281 | } | ||
282 | |||
283 | #privacy-item.audio-in { | ||
284 | background-color: #1ca000; | ||
285 | } | ||
286 | |||
287 | #privacy-item.audio-out { | ||
288 | background-color: #0069d4; | ||
289 | } | ||
290 | |||
291 | #mpris { | ||
292 | background-color: #74c7ec; | ||
293 | } | ||