Setup WAYBAR, the status bar for HYPRLAND with standard and custom modules for your window manager.

Подписаться 8 тыс.

Просмотров 72 тыс.

50% 1

This video is about the configuration and customization of Waybar, probably the most used status bar for Hyprland, Sway and other and other Wayland compositors.
You will learn how to setup your status bar with out-of-the box modules but also how to customize even further with special custom modules.
github.com/Alexays/Waybar
Web developers will love waybar because the styling of the bar and the modules is done using the CSS format means Cascading Stylesheets that are also used for web design.
Refering to the Hyprland Wiki, Waybar is one of the recommended status bars for the window manager. With special modules you can connect waybar effectively with Hyprling for workspaces, window titles, keyboard language and the submap.
wiki.hyprland.org/Useful-Util...
Waybar has an excellent documentation and helped me a lot to customize it to my needs.
github.com/Alexays/Waybar/wiki
Your can find the my configuration and latest dofiles of waybar always on Gitlab:
gitlab.com/stephan-raabe/dotf...
Kudos to github.com/f3l3p1n0 for his great and inspiring setup.
Learn how you can use Linux for your work.
Linux is a great Operating System (OS) to support me daily at my business. Linux is stable, fast and you can customize it to individual needs. In this channel, I want to share my setup of Arch Linux and show how I use my system as a daily driver.
My name is Stephan Raabe and I'm a Digital Marketing Professional with more than 20 years of experience in B2B Digital Marketing, computer science and web technologies.
This channel provides tutorials about Linux, the distribution Arch, window managers (e.g. Qtile) and desktop environments, and Microsoft 365 (Office 365) plus other cloud based services that I use in Digital Marketing activities.
Homepage:
www.ml4w.com
My Dotfiles for my Linux configuration:
gitlab.com/stephan-raabe/dotf...
Arch Installation Script:
gitlab.com/stephan-raabe/arch...
MyChatGPT Python Script:
gitlab.com/stephan-raabe/mych...
00:00 Overview
01:28 Demonstration Desktop
04:41 Installation & Launch
06:13 Configuration
08:03 Modules
11:01 Custom Module for Arch updates
14:28 Stylesheet
#linux #hyprland #waybar #learning #tutorial

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 126

@mylinuxforwork 8 месяцев назад

My Dotfiles: gitlab.com/stephan-raabe/dotfiles If you like this video, please subscribe to my channel: 👉 www.youtube.com/@mylinuxforwork/?sub_confirmation=1

@Linuxdirk 8 месяцев назад

Your bar configuration is so beautiful! 👍

@mylinuxforwork 8 месяцев назад

Thank you.

@keikogaming 8 месяцев назад

Currently THE best channel to learn about hyprland configuration. Great job Stephan!

@mylinuxforwork 8 месяцев назад

Thank you so much. Your comment really motivates me.

@SerkanBalta 7 месяцев назад

thank you so much, i'm really happy to find your channel. finally someone making videos about what we already strugling with and most of the time what we fail. 🙏🙏🙏🙏🙏🙏🙏🙏

@mylinuxforwork 7 месяцев назад

Thank you for your feedback.

@chokfulla 5 месяцев назад

Excellent work, sir. Thank you for going into depth in your explanations and for sharing your configs!

@mylinuxforwork 5 месяцев назад

Thank you.

@ggyoung4967 4 месяца назад

Very good tutorials on the hyprland configuration. It's a must-watch channel for the beginners who want to create their own unique DE! Excellent work.

@mylinuxforwork 4 месяца назад

Thank you so much.

@flacocholo 8 месяцев назад

That's the cleanest waybar ive seen. Great work!

@mylinuxforwork 8 месяцев назад

Thanks.

@paultapping9510 3 месяца назад

I really like the idea of being able to use css to style it. Very cool!

@mylinuxforwork 3 месяца назад

👍

@nietsnibur 8 месяцев назад

Amazing stuff, this video really helped. Thanks!

@mylinuxforwork 8 месяцев назад

Thank you.

@aminrazeghi2962 8 месяцев назад

very cool config. Look forward for eww setup and configuration.

@mylinuxforwork 8 месяцев назад

Thanks. EWW will come… soon…

@bigo72 8 месяцев назад

@@mylinuxforwork and it will be the best and only video online with someone actually explaining what he is doing! UnixPorn is full of people showing how good they are with EWW .... and not telling how they did it. Very poor documentation .... that's a great project barely possible to use

@bigo72 8 месяцев назад

Stephan you are great! I finally solved my problem with wlr/workspaces not showing anymore after last update. I spent days on trying to find someone who solved the problem online, without any clue. A lot of people complaining and few giving the wrong answer. your hyprland/workspaces module works like a charm and without to depend on any kind of font icon! Thank you very very much!

@mylinuxforwork 8 месяцев назад

Thanks for your feedback. Great that I could help with the video.

@bigo72 8 месяцев назад

@@mylinuxforwork I don't understand why you didn't set swaylock in dotfiles

21 день назад

New to arch / WM, i have no idea what i'm doing but with you i have 2% clue what is going on, thx!

@mylinuxforwork 21 день назад

Maybe you will like the video that will be released today about the Hyprland Starter Package.

@pleaseenteraname1215 8 месяцев назад

This was needed. thanks

@mylinuxforwork 8 месяцев назад

Thanks.

@QuackSecX 3 месяца назад

Super underrated RU-vid channel imo. I'm surprised you don't have way more subscribers. I find your presentation skills and attention to detail much better then anybody else! Do you have a Discord channel at all?

@mylinuxforwork 3 месяца назад

Thank you so much. You can find the discord link in the description of my latest videos.

@peterjansen4826 8 месяцев назад

It is 100% awesome that people use this and share what they find. (From me as somebody who sucks at customizing the panel) But I myself can't get to Wayland because I use dwm and dwm just is too good. The killer-features for me: showing/pinning applications to multiple workspaces (such a powerfeatures which hyperland still is missing as far as I know) and the integrated panel and systemtray. I don't know any other windowmanager that offers this except for spectrwm and spectrwm has animations which you can't disable which makes it too slow. dwl on Wayland is not an alternative yet due to it not having a built-in panel and systemtray so for now I am tied to X11.

@mylinuxforwork 8 месяцев назад

Thank you very much for your feedback. Isn’t it great how everyone can find something in the Linux universe that fits to personal needs? That’s why I will never switch completely to windows or macOS.

@P0K0 2 месяца назад

Bro you sooo kind man 😭♥️ luv you

@mylinuxforwork 2 месяца назад

👍

@tibso. 7 месяцев назад

This is a godsend thank you

@mylinuxforwork 7 месяцев назад

Thank you.

@melanovapedia7924 8 месяцев назад

thank you so much MLFW

@mylinuxforwork 8 месяцев назад

Thank you for watching.

@zinoubensalah8939 2 месяца назад

this is truly amazing and worthy of being its own distro! honestly i just came here to take some waybar modules but i ended up just installing the whole thing! it's literally flawless i did not expect that at all, everything works out of the box. i have one question though about symlinks, it seems my new .config files are all symlinked to the dotfiles folders? or the other way around? does that mean i can't remove the dotfiles folder?

@mylinuxforwork 2 месяца назад

Thank you. Yes. There are symlinks from .config to the dotfiles folder. So please don't remove this folder from your home directory.

@zinoubensalah8939 2 месяца назад

@@mylinuxforwork thank you! i was just cleaning my home directory after installing your dotfiles since it was everything i needed

@erichanson5628 8 месяцев назад

Thank You!

@mylinuxforwork 8 месяцев назад

👍

@yurijbohdanov7551 3 месяца назад

Thank you so much for what you doing! But I have one question, how kb_layout and kb_options can be configured for displaying on swaybar? I added required language and keys combination to keyboard.conf file from your example, but unfortunately it’s doesn’t work in my case(

@mylinuxforwork 3 месяца назад

You can find the information here github.com/Alexays/Waybar/wiki/Module:-Hyprland#language

@liraz747 3 месяца назад

I love how you got Waybar and Hyprland to match themselves to the colors of the background, and it was interesting to see the custom modules too, you've put so much work into them! Especially that updates module I wanted to learn how to make my own dotfiles and customize everything like you did, and to not just copy dotfiles from other people 😅 So if you don't mind, I'm really curious to know, how did you get started with all of this configuration? Where did you learn everything off of? Just the documentation? Because it seemed really overwhelming to me when I tried to read it at first and I'm also not sure how to set up the styling with CSS And how did you learn about how to make scripts like that? Not sure where to learn that too Also, how did you get your configuration files to have those nice looking comments? Every configuration file of yours had this nice big ASCII art title and I'm curious about how you've done that Sorry for asking so many questions but I'd be really happy if you could help me!

@mylinuxforwork 3 месяца назад

Thank you so much for your feedback. I am a big Linux fan since decades and love learning and trying new stuff. I have a developer background. And there are so great Linux RU-vid producers that you can follow. With Linux you can create your own personal OS. You can use the package figlet to create ascii headers.

@liraz747 3 месяца назад

@mylinuxforwork Alright, thanks for the help! :D By the way, just a suggestion, it'd be nice if you could make a video that walks through the steps of customizing Waybar from the beginning to better understand how to configure it

@ecolombre 3 месяца назад

Thanks Stephen for this useful video. I’ve got a question: is it possible to configure waybar with two bars one at the top of the screen and the other one to the bottom? I had a similar setup on x11 with polybar but I can’t replicate it on Wayland +waybar. Can you help me?

@mylinuxforwork 3 месяца назад

This should be possible: github.com/Alexays/Waybar/issues/883 But propable not straight forward to configure.

@ecolombre 3 месяца назад

@@mylinuxforwork thank you so much 😊

@MrPelzi91 6 месяцев назад

So i have been trying to figure out how you achieved the rounded border around modules in a way that multiple modules uses the same background and border

@mylinuxforwork 6 месяцев назад

Please check the stylesheets in the corresponding folder on my dotfiles.

@Ig0r123 8 месяцев назад

Thanks for video. Have you any idea how to setup waybar, to switch my workspaces when I hover my cursor on waybar and use scroll-wheel? Sway had module for it but hyprland doesnt? I don't wanna use any keyboard keybinds, just a mouse.

@mylinuxforwork 8 месяцев назад

Good question. Do you mean this? wiki.hyprland.org/Useful-Utilities/Status-Bars/#scrolling-through-workspaces

@Ig0r123 8 месяцев назад

@@mylinuxforwork Yes, exactly this module "Scrolling through workspaces ". I'll try to figure this out. Thanks.

@richardmonroe4208 8 месяцев назад

@@Ig0r123 In my modules folder, I added: "on-scroll-up": "hyprctl dispatch workspace e+1", "on-scroll-down": "hyprctl dispatch workspace e-1", to the wlr/workspaces module.

@engd1060 6 месяцев назад

Thank you for sharing! How could I make the Waybr tooltips blurry?

@mylinuxforwork 6 месяцев назад

Hi. As far as I know, it’s not possible so far. I also don’t like the look of the tooltips.

@TheHyperZtar 7 месяцев назад

Help, i used your dotfiles but the Off and the volumen icons are not showing, also rofi Is a little bit buggy with the shortcuts in the left

@mylinuxforwork 7 месяцев назад

Thanks for testing. Can you click on the volume icon and activate a sound device? Will check the rofi buttons.

@TheHyperZtar 7 месяцев назад

@@mylinuxforworkI solved it, in style.css I changed FontAwesome to "Font Awesome 6 Free" and in the case of the rofi shortcuts it is as if it were returned to the waybar after a right click

@jonnywester3194 3 месяца назад

Installed 2.8 on one computer. (MBP 2012 1280x800) It works perfect! Only one small thing: I have a hard time to find where I can adjust height of waybar. On this screen I am on waybar gets too thick. I will now try some of the things made in this excellent video!! (on my other MBP 2014)

@mylinuxforwork 3 месяца назад

The height of waybar is defined in the theme. If you want to decrease the height I suggest to create your own theme based on an existing one and customize it to your needs. Please see the latest video.

@TheAvshalomz 26 дней назад

Greate gob,i used you starter kit and after the dot file Repo on Arco linux,working good exept there is problem to open the menu when pressing the right click on the internet connection(network manager) , the menu does not open to show available networks.

@mylinuxforwork 25 дней назад

That's correct. It's not configured in the starter. Must be implemented individually. But you could have a look on the ML4W dotfiles.

@ytfeelslikenorthkorea 6 месяцев назад

4:34 can all of those icons be set to work in the background so the active windows can utilise 100% of the screen? I haven't paid for my monitior so I can burn it in with useless icons :)

@mylinuxforwork 6 месяцев назад

Hi. Not 100% sure what you mean. Do you want to disable waybar completely?

@scarface2378 5 месяцев назад

Hi, i tried to use your dotfile installation and im not pretty sure if is there any icon pack / font that i should download, my font is messed up and there are no icons showm

@mylinuxforwork 5 месяцев назад

The installation should install font awesome. Can you check with sudo pacman -S ttf-font-awesome otf-font-awesome

@scarface2378 5 месяцев назад

@@mylinuxforwork seems like it wasnt preinstalled. I tried to check online and it seems really difficult to globally change font, since "hyprland doesnt set it, it must be changed manually in all the applications"

@kevinzheng3987 8 месяцев назад

I really love your videos. Can you make a video on getting OBS-studio working properly? My current issues are resizing issues when there are multiple windows and screen glitches when opening display

@mylinuxforwork 8 месяцев назад

Thank you. Can you check this page if everything is set correctly on your system regarding OBS? wiki.hyprland.org/Useful-Utilities/Must-have/#pipewire

@kevinzheng3987 8 месяцев назад

@@mylinuxforwork I honestly not sure what could be causing the issue. I am pretty new to hyprland & archlinux. I feel like I need a step by step guide with a bit of explanation to understand how to troubleshoot the issue. I have followed multiple sources, but I couldn't get any of the issues to work properly.

@kevinzheng3987 8 месяцев назад

@@mylinuxforwork Thanks for the assistance! I manage to fix it. I realize I was supposed to save as "xdg-portal-hyprland.sh" instead xdg-portal-hyprland and chmod +x xdg-portal-hyprland.sh after writing exec-once to in the hyprland.conf.

@mylinuxforwork 8 месяцев назад

@@kevinzheng3987 that’s great.

@ThomasHiliol 8 месяцев назад

I see you use Rofi on Wayland but I saw that a rofi for Wayland named wofi existe. Did you think Rofi is better, I want to make a ricing DE but I don t know much about this :/

@mylinuxforwork 8 месяцев назад

The comparison between rofi and wofi is planned for one of the next videos. The great thing about rofi is that I can use thecsame setup for Hyprland and Qtile that I have installed too.

@ThomasHiliol 8 месяцев назад

@@mylinuxforwork Thanks for the answer :)

@user-bd5wt2gs3g 6 месяцев назад

Hi, I'm almost positive this is something I'm doing wrong... or not doing right... but I can't seem to install this on the Garuda Hyprland distro, is this only for a stock install of arch and hyprland maybe?

@mylinuxforwork 6 месяцев назад

Hi. No, should work on all (Arch) distros. What is the error message?

@user-bd5wt2gs3g 6 месяцев назад

I should have been a little more descriptive... sorry... It sort of installs but some of the buttons don't work, none of the key bindings work, and I get no wallpapers loaded@@mylinuxforwork

@mylinuxforwork 6 месяцев назад

@@user-bd5wt2gs3g Have you installed the latest version of my dotfiles? gitlab.com/stephan-raabe/dotfiles Please also make sure that all packages of your system are up to date.

@user-bd5wt2gs3g 6 месяцев назад

yes, I've updated my system before the install and I'm using the latest 2.6 of the dotfiles.@@mylinuxforwork

@saumitit944 8 месяцев назад

Hi there! I wanted to request a video for using Hyprland for stuff like Video-sharing during Google meet or discord and recording for obs

@mylinuxforwork 8 месяцев назад

Please check this page and share your feedback afterwards: wiki.hyprland.org/Useful-Utilities/Screen-Sharing/

@d3enny351 6 месяцев назад

where did you find the custom icons? what font is it?

@mylinuxforwork 6 месяцев назад

It’s font awesome. fontawesome.com/search?o=r&m=free

@d3enny351 6 месяцев назад

thx @@mylinuxforwork

@4Base 8 месяцев назад

the windows emulation thing is not included anymore right? can u tell me how i can install it on ur arch linux with hyperland? would love to have it because my camera is not working on my surface go 2 on arch linux .. i guess i need to install windows again :( but i prefer emulating it for only to get the camera going to work.. thanks

@4Base 8 месяцев назад

also ur screenshot script doesnt make screenshots in the folder Pictures/screenshots.. am i doing something wrong? it sais screenshot is taken but it does not create a folder named like that .... deers, alex

@mylinuxforwork 8 месяцев назад

Please try to create the folder manually.

@mylinuxforwork 8 месяцев назад

Hi. You have to install KVM and virtmanager first. VIRTUAL Machines on LINUX with KVM, QEMU and Virt-Manager. Run ANY operating system. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-G28IVCrKLhI.html and then you can install Windows ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WmFpwpW6Xko.htmlsi=gGVrj8LQBv7ysSyn and integrate it ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oVHkvx9ZLJc.htmlsi=NK3MGAUqn59s69Ex

@4Base 8 месяцев назад

@@mylinuxforworki have installed scrot now and xclip and made the folder.. it wont work .. by making a screenshot with scrot picture.png it shows only a black screen .. gosh i am going to cry (edit: found a workaround xD doing screenshots via obs studio now)

@mylinuxforwork 8 месяцев назад

@@4Base when you’re on wayland you have to use grim: gitlab.com/stephan-raabe/dotfiles/-/blob/main/scripts/grim.sh?ref_type=heads This is my script. Will remove the scrot option today because it’s not working with Wayland. In addition you have to install slurp to grab a screenarea. wiki.hyprland.org/FAQ/#how-do-i-screenshot And please check: wiki.hyprland.org/Useful-Utilities/Hyprland-desktop-portal/

@sidmovich Месяц назад

Thank you very much, this is all i ever wanted for my DE, it's fast and responsive, i'm using this on a laptop with 4gb o ram, it consumes 700/800mbs at iddle. I'm just having some problems with the gpu. it's an nvidia 920m, and i don't know why, i seems the system is not using it, nvidia-smi recognizes it, but when i'm watching videos on yt it lags on 1080p. Not to mention anything related to Vulkan will completly freeze the entire pc with no errors.

@mylinuxforwork Месяц назад

Thank you so much for your feedback. For Nvidia support please check the Hyprland Wiki.

@sidmovich Месяц назад

@@mylinuxforwork Thank you very much for you'r kind reply sir! I will deffenitly check it! Another question i have is, how do i configure the network icon to show a gui that lists the wifi SSIDS and lets me connect to them. Currently i have been using nmcli to search anc connect

@JuanAgustinFlores 7 месяцев назад

"waybar: error while loading shared libraries: libcava.so: cannot open shared object file: No such file or directory" not works in my PC , I try all de solution that have in the waybar githup , but not works, and I'm sorry by my English. Any suggest ?

@mylinuxforwork 7 месяцев назад

Hi. Can you make sure that your system and waybar is uptodate? github.com/Alexays/Waybar/discussions/2198

@JuanAgustinFlores 7 месяцев назад

@@mylinuxforwork my error was that I use waybar for sway, I change sway for hyprland in the config file, thanks and good video

@tarekbakry2275 8 месяцев назад

perfect but why not building live ISO contain all that awesome configuration ?

@mylinuxforwork 8 месяцев назад

Good idea 👍

@FranciscoMarcosMilhomemAbreu Месяц назад

Have you tested ewww and compared with waybar?

@mylinuxforwork Месяц назад

Not yet. But will give ewww a try.

@FranciscoMarcosMilhomemAbreu Месяц назад

@@mylinuxforwork. Awesome! I will be waiting.

@egokhanturk 8 месяцев назад

I wish this volume control was a pop up menu instead of window 3:12

@mylinuxforwork 8 месяцев назад

Will come...

@muammar007 8 месяцев назад

I would switch if it had Gnome like workspace overview mode.

@mylinuxforwork 8 месяцев назад

Hi. Great comment. You mean screenshots in a row and opens with a click? Interesting…. Normaly not meeded because you can switch super fast with SUPER+1..9 But interesting.

@knknaberyaessek 8 месяцев назад

help hyprland wall black?

@mylinuxforwork 8 месяцев назад

Difficult to solve. Are you using my dotfiles?

@knknaberyaessek 8 месяцев назад

yes @@mylinuxforwork

@adit5003 3 месяца назад

Sorry sir excuse me, how can i connect wifi?

@mylinuxforwork 3 месяца назад

Hi. Open a terminal and use nmtui.

@dajelinux 8 месяцев назад

You're a guarantee.

@mylinuxforwork 8 месяцев назад

Thanks.

@corruptedexp3836 8 месяцев назад

1:24 what 😳

@mylinuxforwork 8 месяцев назад

👍

@fedmakesgames 7 месяцев назад

Ahahah classic, I was looking for this comment. I love waybar but not that much :) Forking aside, great video and great channel, I've got started with hyprland thanks to you.