Create a custom Waybar Theme for Hyprland: ML4W Dotfiles Insights

Поділитися
Вставка
  • Опубліковано 15 лип 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

КОМЕНТАРІ • 59

  • @LinkEX
    @LinkEX 5 місяців тому

    Thanks for sharing the files and providing this approachable tutorial.

  • @gabrielfernandez8975
    @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.

  • @wc4260
    @wc4260 5 місяців тому +3

    This is good stuff bro!

  • @andril
    @andril 5 місяців тому +1

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

  • @shawnmiguel
    @shawnmiguel 5 місяців тому

    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.

  • @donaldwilliams6821
    @donaldwilliams6821 5 місяців тому

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

  • @markdasilva7330
    @markdasilva7330 4 місяці тому

    Thank You. This is what I needed.

  • @NikoNemo
    @NikoNemo 5 місяців тому

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

  • @pooueto
    @pooueto 5 місяців тому

    That a nice tutorial. Thanks from france 🇫🇷

  • @GogsDavies
    @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.

  • @Linuxdirk
    @Linuxdirk 4 місяці тому +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  4 місяці тому

      Have you opened an issue on Waybar GitHub about it?

    • @Linuxdirk
      @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 …

  • @Drdominguezc
    @Drdominguezc 4 місяці тому

    Thank you

  • @naranyala_dev
    @naranyala_dev 5 місяців тому

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

  • @elderGS00
    @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
      @mylinuxforwork  5 місяців тому

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

  • @arvinekwok279
    @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
      @mylinuxforwork  4 місяці тому

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

    • @arvinekwok279
      @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.🤣🤣

  • @2008dsg
    @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
      @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?

  • @colin0516
    @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

  • @Sike55
    @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
      @mylinuxforwork  4 місяці тому

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

  • @avalagum7957
    @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.

  • @irzafaikar2092
    @irzafaikar2092 5 місяців тому

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

    • @mylinuxforwork
      @mylinuxforwork  5 місяців тому

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

  • @Amit-hb9ex
    @Amit-hb9ex 4 місяці тому

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

    • @mylinuxforwork
      @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.

  • @bluejay3379
    @bluejay3379 5 місяців тому

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

    • @mylinuxforwork
      @mylinuxforwork  5 місяців тому

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

  • @comedyparadise667
    @comedyparadise667 4 місяці тому

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

    • @mylinuxforwork
      @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
      @comedyparadise667 4 місяці тому

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

  • @colin0516
    @colin0516 5 місяців тому

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

    • @mylinuxforwork
      @mylinuxforwork  5 місяців тому

      ?

    • @nyverinorlyth9555
      @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
    @Dark_Lobster 5 місяців тому

    First

  • @mandrildev
    @mandrildev 3 місяці тому

    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  3 місяці тому +1

      No. I think that’s not possible. You can add a titlebar ua-cam.com/video/4aMX3iY_BJM/v-deo.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 3 місяці тому

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

  • @nexnc
    @nexnc 4 місяці тому

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