diff --git a/waybar/config.jsonc b/waybar/config.jsonc
index 664f68e..c0249a8 100644
--- a/waybar/config.jsonc
+++ b/waybar/config.jsonc
@@ -8,27 +8,32 @@
// Choose the order of the modules
"modules-left": [
"hyprland/workspaces",
- "custom/media"
+ "hyprland/window"
],
"modules-center": [
- "hyprland/window",
- "clock"
+ "clock",
+ "custom/media"
],
"modules-right": [
"tray",
- "pulseaudio",
+ "pulseaudio",
"custom/notifications"
],
// Modules configuration
"hyprland/workspaces": {
"disable-scroll": false,
"all-outputs": true,
- "warp-on-scroll": false,
+ "warp-on-scroll": true,
"format": "{icon}",
"format-icons": {
- "urgent": "",
- "focused": "",
+ "urgent": "",
+ "focused": "",
+ "active": "",
"default": ""
+ },
+ "persistent-workspaces": {
+ "1": [],
+ "2": []
}
},
"bluetooth": {
@@ -46,16 +51,22 @@
"capslock": true,
"format": "{name} {icon}",
"format-icons": {
- "locked": "",
- "unlocked": ""
+ "locked": " ",
+ "unlocked": " "
}
},
"hyprland/window": {
- "format": "{icon} {count}",
- "show-empty": true,
- "max-length": 200,
- "separate-outputs": true,
- "format-icons": ["", ""],
+ "format": "{class}: {title}",
+ "show-empty": false,
+ "rewrite": {
+ ": ": "",
+ "firefox(.*)": "Firefox",
+ "(.*)kitty(.*)": "Kitty",
+ "Spotify(.*)": "Spotify",
+ "discord(.*) - Discord": "Discord$1",
+ "org.gnome.(.*)": "$1"
+
+ },
"escape": true
},
"custom/notifications": {
@@ -112,18 +123,19 @@
}
},
"tray": {
- // "icon-size": 21,
- "spacing": 10
+ "icon-size": 16,
+ "spacing": 12
},
"clock": {
"timezone": "",
"tooltip-format": "{:%Y %B}\n{calendar}",
- "format": "{:L%a. %d, %H:%M}",
+ "format": "{:L%a. %d, %H:%M}",
"format-alt": "{:%Y-%m-%d}"
},
"cpu": {
"format": "{usage}% ",
- "tooltip": false
+ "tooltip": true,
+ "escape": true
},
"memory": {
"format": "{}% "
@@ -183,34 +195,30 @@
// "scroll-step": 1, // %, can be a float
"format": "{volume}% {icon} {format_source}",
"format-bluetooth": "{volume}% {icon} {format_source}",
- "format-bluetooth-muted": " {icon} {format_source}",
+ "format-bluetooth-muted": " {icon}",
"format-muted": " {format_source}",
- "format-source": "{volume}% ",
- "format-source-muted": "",
+ "format-source": "{volume}%",
"format-icons": {
"headphone": "",
"hands-free": "",
- "headset": "",
- "phone": "",
- "portable": "",
- "car": "",
+ "headset": "",
"default": ["", "", ""]
},
- "exec-if": "which pavucontrol",
+ "exec-if": "which pavucontrol",
"on-click": "pavucontrol"
},
"custom/media": {
"format": "{icon} {}",
"return-type": "json",
"max-length": 40,
- "escape": true,
+ "escape": true,
"format-icons": {
"firefox": "",
"discord": "",
"spotify": "",
"default": ""
},
- "escape": true,
+
"exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null", // Script in resources folder
"on-click": "playerctl --player spotify play-pause" // Change "spotify to your preferred player"
}
diff --git a/waybar/style.css b/waybar/style.css
index f71698a..7c9ed92 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -2,16 +2,16 @@
@import "mocha.css";
window {
- /* `otf-font-awesome` is required to be installed for icons */
font-family: "0xProto Nerd Font Regular", "Font Awesome", sans-serif;
font-size: 12px;
- border-radius: 10px;
color: @text;
}
* {
color: @text;
- border-radius: 10px;
+ border-radius: 12px;
+ margin-left: 0;
+ margin-right: 0;
}
window#waybar {
@@ -19,7 +19,7 @@ window#waybar {
}
window#waybar.hidden {
- opacity: 0.2;
+ opacity: .1;
}
/*
@@ -37,7 +37,6 @@ window#waybar.termite {
window#waybar.chromium {
background-color: @base;
- border: none;
}
button {
@@ -45,8 +44,7 @@ button {
/*box-shadow: inset 0 -3px transparent;*/
/* Avoid rounded borders under each button name */
border: none;
- border-radius: 2px;
- background: transparent;
+ background: alpha(@base, .3);
transition: 120ms ease-in;
}
@@ -62,21 +60,20 @@ button:hover {
#workspaces {
background: alpha(@base, .3);
- border-radius: 18px;
- padding: 4px;
- padding-bottom: 3px;
- padding-top: 3px;
+ padding-top: 2px;
+ padding-bottom: 2px;
}
#workspaces button {
- border-radius: 50%;
- padding: 2px 6px;
- color: @blue;
- font-size: 18px;
+ color: @text;
+ padding-left: 6px;
+ padding-right: 6.9px;
+ font-size: 19px;
}
#workspaces button.active {
background: alpha(shade(@blue, .5), .6);
+ /* Customize font size and stuff when in different states */
}
#workspaces button.urgent {
@@ -98,10 +95,6 @@ button:hover {
background: alpha(@base, .3);
}
-#backlight:hover {
- background: alpha(@base, .5);
-}
-
#mode {
background-color: alpha(@yellow, .3);
box-shadow: inset 0 -3px @text;
@@ -128,10 +121,10 @@ button:hover {
color: @text;
}
+/*
#window,
-#workspaces {
- margin: 0 4px;
-}
+#workspaces {}
+*/
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {