Create a custom Waybar Theme for Hyprland: ML4W Dotfiles Insights

Sdílet
Vložit
  • čas přidán 14. 07. 2024
  • 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

Komentáře • 59

  • @gabrielfernandez8975
    @gabrielfernandez8975 Před 5 měsíci

    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.

  • @Linuxdirk
    @Linuxdirk Před 4 měsíci +1

    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
      @mylinuxforwork  Před 4 měsíci

      Have you opened an issue on Waybar GitHub about it?

    • @Linuxdirk
      @Linuxdirk Před 4 měsíci

      @@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
    @shawnmiguel Před 4 měsíci

    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.

  • @LinkEX
    @LinkEX Před 5 měsíci

    Thanks for sharing the files and providing this approachable tutorial.

  • @andril
    @andril Před 5 měsíci +1

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

  • @GogsDavies
    @GogsDavies Před 2 měsíci

    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.

  • @markdasilva7330
    @markdasilva7330 Před 4 měsíci

    Thank You. This is what I needed.

  • @NikoNemo
    @NikoNemo Před 5 měsíci

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

  • @donaldwilliams6821
    @donaldwilliams6821 Před 5 měsíci

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

  • @wc4260
    @wc4260 Před 5 měsíci +3

    This is good stuff bro!

  • @pooueto
    @pooueto Před 5 měsíci

    That a nice tutorial. Thanks from france 🇫🇷

  • @Drdominguezc
    @Drdominguezc Před 4 měsíci

    Thank you

  • @naranyala_dev
    @naranyala_dev Před 5 měsíci

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

  • @colin0516
    @colin0516 Před 4 měsíci

    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

  • @elderGS00
    @elderGS00 Před 5 měsíci

    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
      @mylinuxforwork  Před 5 měsíci

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

  • @arvinekwok279
    @arvinekwok279 Před 4 měsíci

    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
      @mylinuxforwork  Před 4 měsíci

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

    • @arvinekwok279
      @arvinekwok279 Před 4 měsíci

      @@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
    @avalagum7957 Před měsícem

    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.

  • @2008dsg
    @2008dsg Před 5 měsíci

    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
      @mylinuxforwork  Před 5 měsíci

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

  • @Sike55
    @Sike55 Před 4 měsíci

    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
      @mylinuxforwork  Před 4 měsíci

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

  • @bluejay3379
    @bluejay3379 Před 5 měsíci

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

    • @mylinuxforwork
      @mylinuxforwork  Před 5 měsíci

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

  • @Amit-hb9ex
    @Amit-hb9ex Před 4 měsíci

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

    • @mylinuxforwork
      @mylinuxforwork  Před 4 měsíci

      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
    @irzafaikar2092 Před 5 měsíci

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

    • @mylinuxforwork
      @mylinuxforwork  Před 4 měsíci

      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
    @comedyparadise667 Před 4 měsíci

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

    • @mylinuxforwork
      @mylinuxforwork  Před 4 měsíci

      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
      @comedyparadise667 Před 4 měsíci

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

  • @colin0516
    @colin0516 Před 5 měsíci

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

    • @mylinuxforwork
      @mylinuxforwork  Před 5 měsíci

      ?

    • @nyverinorlyth9555
      @nyverinorlyth9555 Před 5 měsíci

      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
    @Dark_Lobster Před 5 měsíci

    First

  • @nexnc
    @nexnc Před 4 měsíci

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

  • @mandrildev
    @mandrildev Před 3 měsíci

    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
      @mylinuxforwork  Před 2 měsíci +1

      No. I think that’s not possible. You can add a titlebar czcams.com/video/4aMX3iY_BJM/video.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
      @mandrildev Před 2 měsíci

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