Create a custom Waybar Theme for Hyprland: ML4W Dotfiles Insights

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

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

50% 1

In this video I show you how to create your own waybar theme with the ML4W dotfiles for Hyprland.
The ML4W dotfiles includes an expandable Waybar theme engine. This framework includes a starter theme that you can use as a starting point for your customizations.
You can find more information here:
gitlab.com/stephan-raabe/dotf...
Download the dotfiles for Hyprland here:
gitlab.com/stephan-raabe/dotf...
Waybar wiki:
github.com/Alexays/Waybar/wiki
Font Awesome Cheat Sheet:
fontawesome.com/search?o=r&m=...
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.
👉 ML4W Dotfiles for my Linux configuration: gitlab.com/stephan-raabe/dotf...
👉 ML4W Dotfiles Wiki: gitlab.com/stephan-raabe/dotf...
👉 ML4W Hyprland Starter Package: gitlab.com/stephan-raabe/hypr...
👉 ML4W Hyprland Settings App: gitlab.com/stephan-raabe/ml4w...
👉 Homepage: www.ml4w.com
👉 Discord: / discord
👉 Arch Installation Script: gitlab.com/stephan-raabe/arch...
👉 MyChatGPT Python Script: gitlab.com/stephan-raabe/mych...
00:00 Overview
00:25 Create a folder for your theme
01:09 Activate your theme
01:54 Define module positions
03:19 Module configuration
06:54 Update the style.css
#hyprland #linux #tutorial #learning

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

14 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

That was exactly what I was going to ask. Thank you very much Stephan for sharing your time and work with us. Another great video from your channel, just as you have us used to. Greetings from Córdoba, Argentina.

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

Thank you very much.

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

I'd love to see Waybar supporting the radical `* { all: unset; }` CSS reset. This would make fully custom from scratch styling so much easier.

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

Have you opened an issue on Waybar GitHub about it?

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

@@mylinuxforwork Unfortunately that’s a GTK issue. GTK uses only a subset of CSS for styling, and this CSS reset simply is not possible with GTK. Would still be nice to have it …

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

Thank you so much, I had sent you an email asking for help and this video answered all of my questions perfectly, thank you so very much for all this work, I am new to linux and configuring my system in this way and I am learning a lot through these dotfiles.

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

Thanks. Have fun with it.

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

Thanks for sharing the files and providing this approachable tutorial.

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

Thanks for your feedback.

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

always some good stuff coming from the dev - trying to learn more and contribute

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

Thank you.

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

Great video, thanks. Made it so much clearer for me to understand. Sometimes I find wiki pages as "help" are not clear enough for my slow brain.

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

Thank you.

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

Thank You. This is what I needed.

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

Great.

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

Great, you sorted everything very well in the Welcome app!

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

👍

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

Perfect! Thank you for doing this You make it look easy! Two thumbs up!

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

Thank you.

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

This is good stuff bro!

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

Thanks. 😊

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

That a nice tutorial. Thanks from france 🇫🇷

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

Merci. Thanks for watching.

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

Thank you

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

👍

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

wow, you end up built an entire distro, maximum customization

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

Thanks. More to come soon...

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

1:52 actually there are THREE ways to open your theme switcher. You didn’t mention the way bar button you have on the left that activates the script too haha ;D

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

You’re so right. 👍

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

Nice video, i'm using your config and it's awesome. I'm trying to make the inactive but not empty workspaces show diferent colors depending on what monitor they are, i think it's just a css selector in the hyperland/workspaces module but can't find that. Do you have any idea on how to do this?

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

I haven’t used it on a multi monitor setup so far. Sorry that I can’t help you.

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

Very like your work! Thank you. I have three problems with ML4W 2.8. Where can I post issue? I didn't find out issues section in gitlab...

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

gitlab.com/stephan-raabe/dotfiles/-/issues

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

@@mylinuxforwork thank you. I'm used to using English on GitHub, but GitLab automatically translates it into my native language, and now I can't understand it.🤣🤣

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

Got some time to play with waybar css and noticed that gtk css doesn't support ::before and ::after. What I want to do is to have different colors in 1 module. For example with "network": { "format": "⬆ {bandwidthUpBits}" }, the up arrow and the bandwidth up will have the same color. If we can have #network::before { content: '⬆'; color: 'red' }, then the up arrow and the bandwidth up can have different styles.

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

Have not understood how I can help you?

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

A question, I use code to edit the different configuration files that I have, but I have not been able to use it to edit the ML4W dotfiles, once installed, the Error: EROFS: read-only file system appears, although I have been able to modify it using nano or vim, why is this?

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

That sounds very special. Never had this before. Crazy that you can edit with nano. Maybe a code configuration that causes the error?

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

I have this problem of icons sometimes not being visible at all on the tray, they also all disappear after reloading the waybar. Do you know a fix?

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

This could be the reason gitlab.com/stephan-raabe/dotfiles#missing-icons-in-waybar

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

When i try installing everything works except the wallpaper does not work I just get a black screen

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

Can you try to reboot? And can you check that swww has been installed successfully?

@Amit-hb9ex 4 месяца назад

How to use tty for default login in hyperland how to removw login manager

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

Hi. Open the Settings Script with SUPER+CTRL+S or with the gear icon on waybar and select sddm. There you will find the option.

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

How can i access menu bar from application in hyprland? I'm still beginner 😅

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

Menubars should be part of the windows. An integration into waybar is not possible as far as I know. But maybe I'm wrong.

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

Actually your config has a error when ever we login after logout then the waybar is not laoded plz correct that

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

Hi. I had earlier the same issue when xdg-desktop-portal-gtk was installed in my system. Can you check if it's installed and if yes uninstall it and restart again?

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

@@mylinuxforwork its saying that it is required by flameshot, thunar

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

windows still work 2024? help no link to .exe how to convert

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

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

I'm really not sure on what exactly the OP is referring to, however perhaps the VM configs that seem to exist inside the repo?

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

First

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

Great. 👍

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

Wonderful Tutorial, btw what are the chances for a similar channel logo!

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

Looks great!

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

Can you minimize windows in hyprland? For instance if I have an idle program I won't use now but don't want to close it and I don't want it on my screen, can I minimize it somehow? Thanks.

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

No. I think that’s not possible. You can add a titlebar ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4aMX3iY_BJM.htmlsi=u-wwJbLLHmM97lDk but not minimize. You could try to add an additional titlebar button and with click move the window to a parking workspace. Just an idea….

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

@@mylinuxforwork Thanks for your answer and for the idea!