Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 30 additions & 0 deletions hyprbars/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,36 @@ Adds simple title bars to windows.

![image](https://github.com/user-attachments/assets/184a66b9-eb91-4f6f-8953-b265a2735939)

_Example config taken from [EvanKoe's dotfiles](https://github.com/EvanKoe/dotfiles_2023) (requires light wallpaper to look good):_

```
plugin {
hyprbars {
bar_height = 30
bar_buttons_alignment = left
bar_part_of_window = true
bar_blur = true
bar_padding = 12
bar_button_padding = 8
bar_color = rgba(ffffffcc)
col.text = rgb(212121)

hyprbars-button = rgb(dd0000), 15, , hyprctl dispatch killactive
hyprbars-button = rgb(00dd00), 15, , hyprctl dispatch fullscreen 1
hyprbars-button = rgb(eeee00), 15, , hyprctl dispatch pseudo
hyprbars-button = rgb(5577ff), 15, , hyprctl dispatch togglefloating
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't see this button in the screenshot.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@EvanKoe Can you help me replicate the look in this screenshot? https://github.com/hyprwm/hyprland-plugins/tree/main/hyprbars, your config has 4 buttons now, but the screenshot shows 3.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@EvanKoe Can you help me replicate the look in this screenshot? https://github.com/hyprwm/hyprland-plugins/tree/main/hyprbars, your config has 4 buttons now, but the screenshot shows 3.

Sorry for the late answer. This line is the button that doesn't appear in the screenshot, as I added it for my personal use, I forgot I commited it.

hyprbars-button = rgb(5577ff), 15, , hyprctl dispatch togglefloating

So if you want only the buttons that appear on the screenshot, you can use only the first three buttons:

hyprbars-button = rgb(dd0000), 15, , hyprctl dispatch killactive            # Red button, closes the window
hyprbars-button = rgb(00dd00), 15, , hyprctl dispatch fullscreen 1       # Green button, toggles fullscreen
hyprbars-button = rgb(eeee00), 15, , hyprctl dispatch pseudo               # Yellow button, makes window resizable

Hope this helps

}
}
windowrule = nofocus,class:^$,title:^$,xwayland:1,floating:1,fullscreen:0,pinned:0
windowrule = plugin:hyprbars:bar_color rgb(CDE7ED), class:^(google-chrome)

windowrule = plugin:hyprbars:bar_color rgba(1d2330ea), class:^(kitty)
windowrule = plugin:hyprbars:title_color rgb(dddddd), class:^(kitty)

windowrule = plugin:hyprbars:bar_color rgb(273F44), class:^(google-chrome) initialTitle:DevTools
windowrule = plugin:hyprbars:title_color rgb(dddddd), class:^(google-chrome) initialTitle:DevTools
```

## Config

All config options are in `plugin:hyprbars`:
Expand Down