You are not logged in.
Is there a way to style the language module differently for different languages? At the bottom of the wiki article, it looks like I should be able to do this with `#language.<short>`, the only question is what exactly to actually type in (assuming this is what I'm looking for, and that it works).
For context, I'm using Hyprland, and have English and Russian as my languages. Since the wiki says `<short>`, I'm assuming I should type in the short names of the languages, which are "us" and "ru," respectively.
Here's my code in `style.css` (everything is the same except for the background color):
#language.us {
border-radius: 7px;
min-width: 35px;
margin: 0 1px;
color: @text;
background-color: @blue;
}
#language.ru {
border-radius: 7px;
min-width: 35px;
margin: 0 1px;
color: @text;
background-color: @red;
}(The `@blue` and `@red` are color variables I defined elsewhere. These work everywhere else, so I know this isn't the problem.)
It doesn't appear to work: the module just has an invisible background. Am I doing something wrong here? Is this not possible for Hyprland?
Last edited by TySpicer (2025-12-21 19:12:27)
Offline
that language module is for sway not hyprland
ur looking for this https://github.com/Alexays/Waybar/wiki/ … d#language
Last edited by system72 (2025-12-21 18:23:10)
Offline
Ah, that makes more sense! I see there's a "Style" section on that page that only has `#language`, so that probably means it's not possible for Hyprland. I see I could use `format-<lang>` in `config.jsonc`, but this probably wouldn't have the effect I'm looking for.
Slightly disappointing, but I'm at least satisfied to know that it doesn't work. Thanks for the response!
Offline