Nicholai/arch-waybar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed clock and restyled workspaces, also moved clock to the center of the screen and workspaces to the left

Browse Source
This commit is contained in:
Nicholai 2025-10-21 19:46:42 +00:00
parent 27c02ed75a
commit 921453d8f8
2 changed files with 160 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
config.jsonc
View File

@ -2,8 +2,8 @@
{ {
"layer": "top", "layer": "top",
"position": "top", "position": "top",
"modules-left": ["clock", "custom/weather","custom/wallpaper","hyprland/window"], "modules-left": ["hyprland/workspaces", "custom/weather","custom/wallpaper","hyprland/window"],
"modules-center": ["hyprland/workspaces"], "modules-center": ["clock"],
"modules-right": ["network", "bluetooth", "temperature","custom/power_profile","custom/battery","backlight","pulseaudio","pulseaudio#microphone","tray","idle_inhibitor","cpu","memory","battery#bat2"], "modules-right": ["network", "bluetooth", "temperature","custom/power_profile","custom/battery","backlight","pulseaudio","pulseaudio#microphone","tray","idle_inhibitor","cpu","memory","battery#bat2"],
// "modules-left": [], // "modules-left": [],
"sway/mode": { "sway/mode": {
@ -45,45 +45,45 @@
"tooltip": true "tooltip": true
}, },
"mpd": { "mpd": {
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ ", "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ ",
"format-disconnected": "Disconnected ", "format-disconnected": "Disconnected ",
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ", "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
"unknown-tag": "N/A", "unknown-tag": "N/A",
"interval": 2, "interval": 2,
"consume-icons": { "consume-icons": {
"on": " " "on": " "
}, },
"random-icons": { "random-icons": {
"off": "<span color=\"#f53c3c\"></span> ", "off": "<span color=\"#f53c3c\"></span> ",
"on": " " "on": " "
}, },
"repeat-icons": { "repeat-icons": {
"on": " " "on": " "
}, },
"single-icons": { "single-icons": {
"on": "1 " "on": "1 "
}, },
"state-icons": { "state-icons": {
"paused": "", "paused": "",
"playing": "" "playing": ""
}, },
"tooltip-format": "MPD (connected)", "tooltip-format": "MPD (connected)",
"tooltip-format-disconnected": "MPD (disconnected)" "tooltip-format-disconnected": "MPD (disconnected)"
}, },
"hyprland/workspaces": { "hyprland/workspaces": {
"format": "{name} : {icon}", "format": "{icon}",
"format-icons": { "format-icons": {
"1": "", "1": "1",
"2": "", "2": "2",
"3": "", "3": "3",
"4": "", "4": "4",
"5": "", "5": "5",
"active": "", "default": "●"
"default": ""
}, },
"persistent-workspaces": { "persistent-workspaces": {
"Virtual-1": [1, 2, 3, 4, 5] "Virtual-1": [1, 2, 3, 4, 5]
} },
"on-click": "activate"
}, },
"idle_inhibitor": { "idle_inhibitor": {
"format": "{icon}", "format": "{icon}",
@ -98,7 +98,7 @@
"spacing": 10 "spacing": 10
}, },
"clock": { "clock": {
"format": "{:%I:%M %p %a, %b %e}", "format": "{:%I:%M %p %a, %b %e}",
"format-alt": "{:%Y-%m-%d}", "format-alt": "{:%Y-%m-%d}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>" "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
}, },
@ -112,8 +112,8 @@
"temperature": { "temperature": {
"thermal-zone": 1, "thermal-zone": 1,
"critical-threshold": 80, "critical-threshold": 80,
"format": "{temperatureF}°F ", "format": "{temperatureF}°F ",
"format-critical": "{temperatureF}°F ", "format-critical": "{temperatureF}°F ",
"tooltip": true "tooltip": true
}, },
"backlight": { "backlight": {
@ -133,8 +133,8 @@
"critical": 20 "critical": 20
}, },
"format": "{icon} {capacity}%", "format": "{icon} {capacity}%",
"format-charging": " {capacity}%", "format-charging": " {capacity}%",
"format-plugged": " {capacity}%", "format-plugged": " {capacity}%",
"format-alt": "{time} {icon}", "format-alt": "{time} {icon}",
"format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"], "format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
"tooltip": true, "tooltip": true,
@ -146,7 +146,7 @@
}, },
"network": { "network": {
// "interface": "wlp2*", // (Optional) To force the use of this interfac // "interface": "wlp2*", // (Optional) To force the use of this interfac
"format-wifi": " {signalStrength}%", "format-wifi": " {signalStrength}%",
"format-ethernet": "{ipaddr}/{cidr}", "format-ethernet": "{ipaddr}/{cidr}",
"tooltip-format": "{essid} - {ifname} via {gwaddr}", "tooltip-format": "{essid} - {ifname} via {gwaddr}",
"format-linked": "{ifname} (No IP)", "format-linked": "{ifname} (No IP)",
@ -154,8 +154,8 @@
"format-alt": "{ifname}:{essid} {ipaddr}/{cidr}" "format-alt": "{ifname}:{essid} {ipaddr}/{cidr}"
}, },
"bluetooth": { "bluetooth": {
"format": " {status}", "format": " {status}",
"format-connected": " {num_connections}", "format-connected": " {num_connections}",
"tooltip-format": "{controller_alias}", "tooltip-format": "{controller_alias}",
"tooltip-format-connected": "{device_enumerate}", "tooltip-format-connected": "{device_enumerate}",
"tooltip-format-enumerate-connected": "{device_alias}", "tooltip-format-enumerate-connected": "{device_alias}",
@ -164,25 +164,25 @@
"pulseaudio": { "pulseaudio": {
"format": "{icon} {volume}%", "format": "{icon} {volume}%",
"tooltip": false, "tooltip": false,
"format-muted": " Muted", "format-muted": " Muted",
"on-click": "pamixer -t", "on-click": "pamixer -t",
"on-scroll-up": "pamixer -i 5", "on-scroll-up": "pamixer -i 5",
"on-scroll-down": "pamixer -d 5", "on-scroll-down": "pamixer -d 5",
"scroll-step": 5, "scroll-step": 5,
"format-icons": { "format-icons": {
"headphone": "", "headphone": "",
"hands-free": "", "hands-free": "",
"headset": "", "headset": "",
"phone": "", "phone": "",
"portable": "", "portable": "",
"car": "", "car": "",
"default": ["", "", ""] "default": ["", "", ""]
} }
}, },
"pulseaudio#microphone": { "pulseaudio#microphone": {
"format": "{format_source}", "format": "{format_source}",
"format-source": " {volume}%", "format-source": " {volume}%",
"format-source-muted": " Muted", "format-source-muted": " Muted",
"on-click": "pamixer --default-source -t", "on-click": "pamixer --default-source -t",
"on-scroll-up": "pamixer --default-source -i 5", "on-scroll-up": "pamixer --default-source -i 5",
"on-scroll-down": "pamixer --default-source -d 5", "on-scroll-down": "pamixer --default-source -d 5",

60
style.css
View File

@ -1,4 +1,3 @@
* { * {
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -6,7 +5,7 @@
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
/* adjust font-size value to your liking: */ /* adjust font-size value to your liking: */
font-size: 10px; font-size: 16px;
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
} }
@ -17,22 +16,32 @@ window#waybar {
} }
#workspaces button { #workspaces button {
color: #ffffff; padding: 2px 8px;
box-shadow: inset 0 -3px transparent; margin: 0 2px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
border-radius: 6px;
transition: all 0.3s ease;
border: 1px solid transparent;
} }
#workspaces button:hover { #workspaces button:hover {
background: rgba(0, 0, 0, 0.9); background-color: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 -3px #ffffff; color: #000000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
} }
#workspaces button.focused { #workspaces button.active {
background-color: #000000; background-color: rgba(255, 255, 255, 0.3);
color: #ffffff; color: #000000;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #eb4d4b; background-color: #eb4d4b;
color: #ffffff;
box-shadow: 0 0 12px rgba(235, 77, 75, 0.8);
} }
#mode { #mode {
@ -57,18 +66,24 @@ window#waybar {
color: #000000; color: #000000;
} }
#window, #window {
#workspaces {
margin: 0 4px; margin: 0 4px;
} }
#workspaces {
margin: 0 6px;
padding: 2px 6px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left>widget:first-child>#workspaces {
margin-left: 0; margin-left: 0;
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right>widget:last-child>#workspaces {
margin-right: 0; margin-right: 0;
} }
@ -87,21 +102,10 @@ window#waybar {
background-color: #000000; background-color: #000000;
} }
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #f53c3c; background-color: #f53c3c;
color: #ffffff; color: #ffffff;
animation-name: blink; box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
} }
label:focus { label:focus {
@ -266,9 +270,5 @@ label:focus {
#battery-bat2.critical:not(.charging) { #battery-bat2.critical:not(.charging) {
background-color: #f53c3c; background-color: #f53c3c;
color: #ffffff; color: #ffffff;
animation-name: blink; box-shadow: 0 0 12px rgba(245, 60, 60, 0.8);
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
} }