Alexays / Waybar

Highly customizable Wayland bar for Sway and Wlroots based compositors. :v: :tada:
MIT License
5.82k stars 656 forks source link

How can I set font size for icons in `workspace` ? #3207

Open PILIHU2022 opened 1 month ago

PILIHU2022 commented 1 month ago

I want to set font size for icons because they are too small to see, like this: image and I set it in style.css with font-size: 25px;. But I doesn't work, how can I do it?

This is my style.css: https://github.com/PILIHU2022/My-dotfiles/blob/6a1f74bf0834de886a0874215c5ae96d2ef6a017/Config/hypr/waybar/style/style-dark.css

ordy commented 1 month ago

There are different ways, either using the specific selectors on the buttons

/* .active on hyprland, .focused on sway */
#workspaces button.active label,
#workspaces button.persistent label {
  font-size: 25px;
}

Just on label to make it default to everything

#workspaces label {
  font-size: 25px;
}

Or with pango markups in your config file.

"format-icons": {
      "1": "<span font='25'>1</span>"
      ...
}
PILIHU2022 commented 1 month ago

There are different ways, either using the specific selectors on the buttons

/* .active on hyprland, .focused on sway */
#workspaces button.active label,
#workspaces button.persistent label {
  font-size: 25px;
}

Just on label to make it default to everything

#workspaces label {
  font-size: 25px;
}

Or with pango markups in your config file.

"format-icons": {
      "1": "<span font='25'>1</span>"
      ...
}

OK, thank you! I will try the ways later.