examples: waybar: Use taskbar.

* modules/rosenthal/examples/waybar/config.jsonc (modules-left): Add wlr/taskbar.
Re-order temperature.
Remove niri/workspaces.
* modules/rosenthal/examples/waybar/style.css: Adjust accordingly.
This commit is contained in:
Hilton Chain 2025-07-02 22:30:46 +08:00
parent d84075ebe1
commit b4af9f76c3
No known key found for this signature in database
GPG Key ID: ACC66D09CA528292
2 changed files with 37 additions and 37 deletions

View File

@ -7,10 +7,10 @@
"layer": "top", "layer": "top",
"spacing": 5, "spacing": 5,
"modules-left": [ "modules-left": [
"niri/workspaces", "temperature",
"cpu", "cpu",
"memory", "memory",
"temperature", "wlr/taskbar",
], ],
"modules-center": [ "modules-center": [
"clock", "clock",
@ -22,14 +22,11 @@
"battery", "battery",
], ],
// left // left
"niri/workspaces": { "temperature": {
"all-outputs": true, "critical-threshold": 80,
"format": "{icon}", "format": "{temperatureC}\u00B0C",
"format-icons": { "interval": 2,
"focused": "\uF055", "tooltip": false,
"active": "\uF192",
"default": "\uF111",
}
}, },
"cpu": { "cpu": {
"format": "CPU {usage}%", "format": "CPU {usage}%",
@ -45,11 +42,12 @@
}, },
"interval": 2, "interval": 2,
}, },
"temperature": { "wlr/taskbar": {
"critical-threshold": 80, "format": "{icon}",
"format": "{temperatureC}\u00B0C", "icon-size": 16,
"interval": 2, "tooltip-format": "{title}",
"tooltip": false, "on-click": "activate",
"on-click-middle": "close",
}, },
// center // center
"clock": { "clock": {

View File

@ -1,23 +1,21 @@
/* SPDX-FileCopyrightText: 2025 Hilton Chain <hako@ultrarare.space> */ /* SPDX-FileCopyrightText: 2025 Hilton Chain <hako@ultrarare.space> */
/* SPDX-License-Identifier: CC0-1.0 */ /* SPDX-License-Identifier: CC0-1.0 */
@define-color bg1 #d2dee9; @define-color bg1 #D2DEE9;
@define-color bg2 #13181b; @define-color bg2 #13181B;
@define-color red #EC7875; @define-color red #EC7875;
@define-color green #A3BE8C; @define-color green #A3BE8C;
@define-color blue #75A4CD;
/* Execute guix shell python-pywal imagemagick -- wal -nstei <image>, */ /* Execute guix shell python-pywal imagemagick -- wal -nstei <image>, */
/* then select colors from ~/.cache/wal/colors-waybar.css. */ /* then select colors from ~/.cache/wal/colors-waybar.css. */
@define-color color0 #d2dee9; @define-color color0 #AFB5AE;
@define-color color1 #B3C6D3; @define-color color1 #A7BAC9;
@define-color color2 #97B0C7; @define-color color2 #B3C6D3;
@define-color color3 #AFB5AE; @define-color color3 #DBEDF3;
@define-color color4 #d2dee9; @define-color color4 #A7BAC9;
@define-color color5 #A7BAC9; @define-color color5 #C2C2B5;
@define-color color6 #C2C2B5; @define-color color6 #939BA3;
@define-color color7 #939ba3;
* { * {
font-size: 1.2rem; font-size: 1.2rem;
@ -49,9 +47,9 @@ tooltip label {
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
} }
#temperature,
#cpu, #cpu,
#memory, #memory,
#temperature,
#clock, #clock,
#tray, #tray,
#wireplumber, #wireplumber,
@ -62,8 +60,16 @@ tooltip label {
opacity: 0.95; opacity: 0.95;
} }
#workspaces button { #taskbar {
color: @bg2; color: @bg2;
background-color: @bg1;
}
#taskbar.empty {
background: transparent;
}
#taskbar button {
padding: 0 5px; padding: 0 5px;
} }
@ -101,7 +107,7 @@ tooltip label {
background-color: @green; background-color: @green;
} }
#workspaces { #temperature {
background-color: @color0; background-color: @color0;
} }
@ -113,22 +119,18 @@ tooltip label {
background-color: @color2; background-color: @color2;
} }
#temperature { #clock {
background-color: @color3; background-color: @color3;
} }
#clock { #wireplumber {
background-color: @color4; background-color: @color4;
} }
#wireplumber { #backlight {
background-color: @color5; background-color: @color5;
} }
#backlight { #battery {
background-color: @color6; background-color: @color6;
} }
#battery {
background-color: @color7;
}