Merge pull request #5139 from ccjmne/master

Document light and dark stylesheets in `man`ual
This commit is contained in:
Alexis Rouillard
2026-07-03 22:01:06 +02:00
committed by GitHub
2 changed files with 21 additions and 7 deletions
+20 -6
View File
@@ -8,13 +8,27 @@ waybar-styles - using stylesheets for waybar
Waybar uses Cascading Style Sheets (CSS) to configure its appearance. Waybar uses Cascading Style Sheets (CSS) to configure its appearance.
It uses the first file found in this search order: When the system appearance is light, Waybar first looks for *style-light.css*.
When the system appearance is dark, Waybar first looks for *style-dark.css*.
If no appearance-specific stylesheet is found, it falls back to *style.css*.
- *$XDG_CONFIG_HOME/waybar/style.css* Waybar uses the first file found in this search order for each stylesheet name:
- *~/.config/waybar/style.css*
- *~/waybar/style.css* - *$XDG_CONFIG_HOME/waybar/<stylesheet>*
- */etc/xdg/waybar/style.css* - *~/.config/waybar/<stylesheet>*
- *@sysconfdir@/xdg/waybar/style.css* - *~/waybar/<stylesheet>*
- */etc/xdg/waybar/<stylesheet>*
- *@sysconfdir@/xdg/waybar/<stylesheet>*
For example, a light theme is loaded from the first available file among:
- *$XDG_CONFIG_HOME/waybar/style-light.css*
- *~/.config/waybar/style-light.css*
- *~/waybar/style-light.css*
- */etc/xdg/waybar/style-light.css*
- *@sysconfdir@/xdg/waybar/style-light.css*
If no file is found there, Waybar repeats the same search using *style.css*.
# EXAMPLE # EXAMPLE
+1 -1
View File
@@ -19,7 +19,7 @@ Valid locations for this file are:
A good starting point is the default configuration found at https://github.com/Alexays/Waybar/blob/master/resources/config.jsonc A good starting point is the default configuration found at https://github.com/Alexays/Waybar/blob/master/resources/config.jsonc
Also, a minimal example configuration can be found at the bottom of this man page. Also, a minimal example configuration can be found at the bottom of this man page.
The visual display elements for waybar use a CSS stylesheet, see *waybar-styles(5)* for details. The visual display elements for waybar use a CSS stylesheet. Waybar supports *style.css* and the appearance-specific *style-light.css* and *style-dark.css* files; see *waybar-styles(5)* for details.
# BAR CONFIGURATION # BAR CONFIGURATION