notkaramel/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup waybar config

Browse Source
This commit is contained in:
Antoine Phan
2026-03-07 02:30:37 -05:00
parent cf5d36e63b
commit fe74e79404
2 changed files with 142 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
waybar/.config/waybar/config
View File

@@ -1,84 +1,78 @@
{ {
"layer": "top", "layer": "top",
"position": "top", "position": "top",
"font": "Fira Code Bold 12", "font": "Fira Code 11",
"margin": 5, "margin-top": 6,
"margin-left": 6,
"margin-right": 6,
// ------ Left Module ------ // "modules-left": [
"modules-left": [ "hyprland/workspaces",
"hyprland/workspaces",
"niri/workspaces", "niri/workspaces",
"wlr/taskbar", "wlr/taskbar",
"hyprland/window", "hyprland/window",
"niri/window" "niri/window"
], ],
"hyprland/workspaces": { "modules-center": [
"on-scroll-up": "hyprctl dispatch workspace m-1", "clock#1",
"on-scroll-down": "hyprctl dispatch workspace m+1", "clock#2",
"disable-scroll": true, "clock#3"
"format": "{name}", ],
},
"modules-right": [
"tray",
"pulseaudio",
"backlight",
"memory",
"cpu",
"network",
"battery",
"keyboard-state"
],
"hyprland/workspaces": {
"format": "{name}",
"on-scroll-up": "hyprctl dispatch workspace m-1",
"on-scroll-down": "hyprctl dispatch workspace m+1",
"disable-scroll": true
},
"hyprland/window": { "hyprland/window": {
"max-length": 200, "max-length": 200,
"separate-outputs": true, "separate-outputs": true
}, },
"niri/workspaces": { "niri/workspaces": {
"format": "{value}", "format": "{value}",
"format-icons": { "format-icons": {}
}
}, },
"niri/window": { "niri/window": {
"format": "{}", "format": "{}",
"icon": false, "icon": false,
"separate-outputs": true, "separate-outputs": true,
"offscreen-css": true "offscreen-css": true
}, },
"wlr/taskbar": { "wlr/taskbar": {
"format": "{icon}", "format": "{icon}",
"tooltip-format": "{title}", "tooltip-format": "{title}",
"on-click": "activate", "on-click": "activate"
// "on-click-middle": "close", },
// "on-click-right": "fullscreen"
},
// ------ Center Module ------ //
"modules-center": [
"clock#1",
"clock#2",
"clock#3",
],
"clock#1": { "clock#1": {
"format": "{:%A}", "format": "{:%A}",
"tooltip": false "tooltip": false
}, },
"clock#2": { "clock#2": {
"format": "{:%I:%M %p}", "format": "{:%I:%M %p}",
"tooltip": false "tooltip": false
}, },
"clock#3": { "clock#3": {
"format": "{:%d/%m/%Y}", "format": "{:%d/%m/%Y}",
"tooltip": true "tooltip": true
}, },
// ------ Right Module ------- //
"modules-right": [
"tray",
"pulseaudio",
"backlight",
"memory",
"cpu",
"network",
"battery",
"keyboard-state"
],
"keyboard-state": { "keyboard-state": {
"numlock": true, "numlock": true,
@@ -87,25 +81,24 @@
"numlock": "NL {icon}" "numlock": "NL {icon}"
}, },
"format-icons": { "format-icons": {
"locked": "🔳", "locked": "🔳",
"unlocked": "⚪" "unlocked": "⚪"
} }
}, },
"pulseaudio": {
"format": "{icon} {volume:2}%", "pulseaudio": {
"format-bluetooth": "{icon} {volume:2}%", "format": "{icon} {volume:2}%",
"format-muted": "🔇 MUTED", "format-bluetooth": "{icon} {volume:2}% ",
"format-icons": { "format-muted": "🔇 Muted",
"headphones": "", "format-icons": {
"default": [ "default": ["", ""],
"", "default-muted": ""
"" },
] "scroll-step": 6,
}, "tooltip": true,
"scroll-step": 6, "on-click": "wpctl set-mute @DEFAULT_SINK@ toggle",
"on-click": "wpctl set-mute @DEFAULT_SINK@ toggle", "on-click-right": "pwvucontrol"
"on-click-right": "pwvucontrol" },
},
"backlight": { "backlight": {
"format": "{icon} {percent:3}%", "format": "{icon} {percent:3}%",
@@ -114,45 +107,42 @@
"on-scroll-down": "brightnessctl set 1%- -q -e" "on-scroll-down": "brightnessctl set 1%- -q -e"
}, },
"memory": { "memory": {
"interval": 5, "interval": 5,
"format": "{used:0.2f}/{total:0.2f} GB" "format": "{used:0.2f}/{total:0.2f} GB"
},
"cpu": {
"interval": 1,
"format": "{icon0}{icon1}{icon2}{icon3}{icon4}{icon5}{icon6}{icon7}{icon8}{icon9}{icon10}{icon11}{icon12}{icon13}{icon14}{icon15}",
"format-icons": [
"<span color='#d1b3ff'>▁</span>", // pastel purple (low)
"<span color='#b5c7ff'>▂</span>", // pastel blue
"<span color='#a8e6ff'>▃</span>", // pastel cyan
"<span color='#a8ffd1'>▄</span>", // pastel green
"<span color='#fff5a5'>▅</span>", // pastel yellow
"<span color='#ffd1a5'>▆</span>", // pastel orange
"<span color='#ffb3b3'>▇</span>", // light pastel red
"<span color='#ff9999'>█</span>" // deeper pastel red (high)
]
}, },
"battery": { "cpu": {
"states": { "interval": 1,
"good": 80, "format": "{icon0}{icon1}{icon2}{icon3}{icon4}{icon5}{icon6}{icon7}{icon8}{icon9}{icon10}{icon11}{icon12}{icon13}{icon14}{icon15}",
"warning": 42, "format-icons": [
"critical": 24 "<span color='#d1b3ff'>▁</span>", // pastel purple (low)
}, "<span color='#b5c7ff'>▂</span>", // pastel blue
"format": "{icon} {capacity}%", "<span color='#a8e6ff'>▃</span>", // pastel cyan
"<span color='#a8ffd1'>▄</span>", // pastel green
"<span color='#fff5a5'>▅</span>", // pastel yellow
"<span color='#ffd1a5'>▆</span>", // pastel orange
"<span color='#ffb3b3'>▇</span>", // light pastel red
"<span color='#ff9999'>█</span>" // deeper pastel red (high)
]
},
"battery": {
"states": {
"good": 80,
"warning": 42,
"critical": 24
},
"format": "{icon} {capacity}%",
"format-charging": " {icon} {capacity}%", "format-charging": " {icon} {capacity}%",
"format-icons": [ "format-icons": ["", "", "", "", ""]
"", },
"",
"", "tray": {
"", "icon-size": 18,
"" "spacing": 8
] },
},
"tray": {
"icon-size": 20,
"spacing": 7
},
"network": { "network": {
"interface": "wlan0", "interface": "wlan0",
"format": "{ifname}", "format": "{ifname}",
@@ -162,6 +152,6 @@
"tooltip-format": "{ifname} via {gwaddr} 󰊗 ", "tooltip-format": "{ifname} via {gwaddr} 󰊗 ",
"tooltip-format-wifi": "Up: {bandwidthUpBytes} - Down: {bandwidthDownBytes}", "tooltip-format-wifi": "Up: {bandwidthUpBytes} - Down: {bandwidthDownBytes}",
"tooltip-format-ethernet": "{ifname}  ", "tooltip-format-ethernet": "{ifname}  ",
"tooltip-format-disconnected": "Disconnected", "tooltip-format-disconnected": "Disconnected"
}, }
} }

55
waybar/.config/waybar/style.css
View File

@@ -1,20 +1,28 @@
* { * {
font-size: 12px; font-size: 12px;
font-family: "Fira Code", monospace; font-family: "Fira Code", monospace;
font-weight: bold; font-weight: bold;
border-radius: 10px; border-radius: 10px;
} }
.modules-center { .modules-center {}
}
window#waybar { window#waybar {
background-color: transparent; background-color: transparent;
} }
#clock.1, #clock.2, #clock.3, #clock.1,
#pulseaudio, #memory, #cpu, #network, #mpd, #clock.2,
#battery, #disk, #backlight, #tray, #clock.3,
#pulseaudio,
#memory,
#cpu,
#network,
#mpd,
#battery,
#disk,
#backlight,
#tray,
#keyboard-state { #keyboard-state {
background: rgba(20, 24, 20, 0.64); background: rgba(20, 24, 20, 0.64);
text-shadow: 2px 3px 2px rgba(20, 20, 20, 0.3); text-shadow: 2px 3px 2px rgba(20, 20, 20, 0.3);
@@ -23,6 +31,12 @@ window#waybar {
margin-left: 2px; margin-left: 2px;
margin-right: 2px; margin-right: 2px;
color: white; color: white;
border: 2px solid transparent;
}
#pulseaudio:hover {
border: 2px solid rgba(40, 170, 120, 1);
background: rgba(20, 24, 20, 0.64);
} }
#window { #window {
@@ -37,27 +51,30 @@ window#waybar.empty #window {
background: transparent; background: transparent;
} }
#workspaces, #taskbar { #workspaces,
#taskbar {
background: rgba(18, 26, 23, 0.56); background: rgba(18, 26, 23, 0.56);
} }
#workspaces button, #taskbar button { #workspaces button,
padding: 1px 4px; #taskbar button {
color: #fafafa; padding: 1px 4px;
color: #fafafa;
border: 2px solid transparent; border: 2px solid transparent;
} }
/* button.active for hyprland, button.focused for sway */ /* button.active for hyprland, button.focused for sway */
#workspaces button.active, #taskbar button.active { #workspaces button.active,
color: #ffffff; #taskbar button.active {
color: #ffffff;
border: 2px solid rgba(40, 170, 120, 1); border: 2px solid rgba(40, 170, 120, 1);
} }
#workspaces button:hover, #taskbar button:hover { #workspaces button:hover,
#taskbar button:hover {
color: black; color: black;
background-color: rgba(126,255,180,0.4); background-color: rgba(126, 255, 180, 0.4);
border: 2px solid rgba(80, 230, 180, 1); border: 2px solid rgba(80, 230, 180, 1);
box-shadow: inherit; box-shadow: inherit;
text-shadow: inherit; text-shadow: inherit;
} }