update docs

This commit is contained in:
DreamMaoMao 2026-07-04 10:14:35 +08:00
parent d8b1cbd7b7
commit fe27bc532c

View file

@ -7,8 +7,6 @@ description: Configure Waybar for mangowm.
mangowm is compatible with Waybar's `ext/workspaces` module (Wayland standard) or the `dwl/tags` module. We recommend `ext/workspaces` for the best experience. mangowm is compatible with Waybar's `ext/workspaces` module (Wayland standard) or the `dwl/tags` module. We recommend `ext/workspaces` for the best experience.
> **Tip:** You can also use the `dwl/tags` module, but `ext/workspaces` provides better integration with mangowm's features. The `ext/workspaces` module requires **Waybar > 0.14.0**.
### `config.jsonc` ### `config.jsonc`
Add the following to your Waybar configuration: Add the following to your Waybar configuration:
@ -16,7 +14,7 @@ Add the following to your Waybar configuration:
```jsonc ```jsonc
{ {
"modules-left": [ "modules-left": [
"ext/workspaces", "mango/workspaces",
"mango/layout", "mango/layout",
"mango/window" "mango/window"
], ],
@ -24,24 +22,20 @@ Add the following to your Waybar configuration:
"mango/language", "mango/language",
"mango/keymode", "mango/keymode",
], ],
"ext/workspaces": { "mango/workspaces": {
"format": "{icon}", "format": "{icon}",
"ignore-hidden": true, "hide-empty": true,
"on-click": "activate", "on-click": "activate",
"on-click-right": "deactivate", "on-click-right": "toggle",
"sort-by-id": true "overview-label": "OVERVIEW",
}, },
"mango/keymode": { "mango/keymode": {
"format": "[{default}]", "format": "[{default}]",
"format-default": " Default", // "format-default": " Default",
"format-test": " Test", // "format-test": " Test",
}, },
"mango/window": { "mango/window": {
"format": "{}", "format": "{}",
"icon": true,
"on-click":"bash ~/.config/mango/scripts/screenshot.sh",
"on-click-right":"bash ~/tool/shotTranslate.sh shot",
"icon": false,
"icon-size": 20 "icon-size": 20
}, },
"mango/layout": { "mango/layout": {
@ -97,6 +91,11 @@ You can style the tags using standard CSS in `style.css`.
color: #282828; color: #282828;
} }
#workspaces button.overview {
background-color: #ef5e5e;
color: #282828;
}
#window { #window {
background-color: #CA9297; background-color: #CA9297;
color: #282828; color: #282828;