Rehber Hyprland ve Waybar config düzenlemeleri yapmak

Hevesle geldiğim ancak beni sıkabilecek ve günlerce ara vere vere yazabilecek olduğum muhteşem rehberime hoşgeldiniz. Bugün (Hangi gün yayınladıysam işte :D ) Hyprland ve Waybar config düzenlemeleri hakkında bilgiler vereceğim. Bunu wiki tarzında her detaya inerek anlatmak çok yorucu olur bu nedenle kendi config dosyalarım üzerinden ilerleyeceğim.

Config ve etc dosyalarım burada bulunuyor:


Ayrıca @202 hocamın desteğiyle Arch Linux için configimi ve gerekli paketleri sisteme ekleyecek güzel bir script de hazırlanmış oldu.

Öncelikle Hyprland'in ne olduğunu ve gerekli paketlerin neler olduğunu anlattığım Rehber: Hyprland ve temel gereksinimler rehberime bakmanızı öneririm. Ardından Hyprland ve Waybar config dosyalarının nasıl düzenleneceğine bakalım.

Hyprland:

Hyprland basit ve anlaşılır bir config dosyasına sahip. Varsayılan config dosyası ~/.config/hypr/ dizininde bulunuyor. Tüm dosyayı silip baştan yazmaya gerek yok, varsayılan config üzerinde klavye dilimizi, kısayollarımızı ve otomatik başlatılacak uygulamaları ayarlamak yeterli. Bunları tek tek anlatayım.

Klavye dili: config dosyasındaki input satırını bulalım, bunun altında kb_layout bulunuyor. Varsayılan olarak İngilizce klavye ayarlı. Onu silip tr yazalım.

2023-06-24-104004_hyprshot.png


Klavye kısayolları: Hyprland'de klavye kısayollarımızı ayarlamamız çok basit. Hyprland config dosyasında bind yazıp karşısına tuşları ve çalıştırılacak komutu yazmalıyız. Örneğin uygulama kapama, tam ekran yapma, terminal açma kısayolları şöyle ayarlanabilir:

Kod:
#uygulama kapatma:
bind = $mainMod, Q, killactive {SUPER +Q}

#tam ekran yapma:
bind = ALT, F, fullscreen {ALT + F}

#terminal (benim tercihim kitty)
bind = $mainMod, Return, exec, kitty {Super + Enter}

Otomatik başlatma: Bazı programları otomatik başlatmamız gerekir. Örneğin waybar (panel), polkit (gui parola aracı), swww (wallpaper aracı)...
Sistemi her açtığımızda başlayacak uygulamaları exec-once ile belirleriz. Örnek:

Kod:
#bildirim aracı
exec-once = mako

#panel
exec-once = waybar

#wallpaper
exec-once = swww init && swww img ~/.config/hypr/wallpaper/neon.jpg

Pencere kenarı renkleri: Zorunlu bir düzenleme olmasa da bunu da göstermek istedim. Sevdiğiniz rengin hex kodlarını config dosyasında girebilirsiniz. Ben hex kodlarını değişken olarak atamış olan Catppuccin mocha'yı kullanıyorum. Siz de bu tip bir Hyprland tema dosyasını indirip config dosyasına şu şekilde tanıtabilirsiniz: source = ~/.config/hypr/mocha.conf. Ardından hyprland configi içindeki "general" kısmında col.active_border ve col.inactive_border satırlarının karşısına istediğiniz renkleri yazabilirsiniz. Benim yapılandırmam şu şekilde:

Kod:
col.active_border = $mauve
col.inactive_border = $base
2023-06-26-005100_hyprshot.png

Yukarıda gösterdiğim düzenleme ile odaklandığım ve odaklamadığım pencerenin kenar renklerini ayarlamış olduk.

Otomatik olarak Float modda başlatma: Hyprland'de pencereler yan yana ve alt alta şekilde dizilirler, yeni bir uygulama açtıkça bu böyle devam eder. Bazı uygulamaların bu şekilde büyük başlaması yerine küçük biçimde açılmasını isteyebiliriz. Örneğin bir doğrulama aracı olan KDE-Polkit'i float modda başlatmamız gözümüze daha güzel gelir. KDE-Polkit'i float modda başlatmak için şunu yazabiliriz:

Kod:
windowrule = float, ^(org.kde.polkit-kde-authentication-agent-1)$

Anlayabileceğiniz üzere windowrule = yazıp karşısında float modunda başlatılacağı kuralını ardındansa paket adını yazdık. Bundan sonra KDE-Polkit her açıldığında float modda açılacaktır.

Waybar:

Waybar kullanacağımız mükemmel panel uygulamasıdır😍. Waybar 2 adet dosya ile ayarlanıyor. Biri modülleri, modüllerin yerlerini ayarladığımız config.jsonc dosyası diğeri ise renkleri ayarladığımız style.css dosyası.

Benim configim gibi yukarıda görünen bir panel için config dosyasının başında şunları belirtebilirsiniz:
2023-06-29-170011_hyprshot.png

Okuyarak anlayabilecek olsanız da basitçe anlatayım. Panelin yukarıda bulunacağını "top" yazarak belirtmiş olduk. Görünümle ilgili bir kaç ekleme daha yaptıktan sonra modüllerin waybardaki yerlerini belirttik. Modules-left solda bulunanlar, modules-right sağda, modules-center ortada. Bunun sonucunda modüller waybarda şu şekilde görünüyor:
2023-06-29-170314_hyprshot.png

Solda tarih ve saat, yanında sanal masaüstleri.
Ortada uygulama adı.
Sağda wallpaper, ses yöneticisi gibi araçlar.

Örnek bir sanal masaüstü modülü:
2023-06-29-170524_hyprshot.png

Burada "disable-scroll" ile mousela kaydırarak masaüstleri arasında gezinmeyi engelledik. "on-click" seçeneği ile mouse ile sol tık yapınca masaüstü değiştirmeyi ayarlamış olduk. En sonda da masaüstlerini isteledik.

Örnek bir custom modül:
2023-06-29-170903_hyprshot.png

Wallpaper değiştirme amaçlı hazırladığım modül. format ile waybarda görünecek simgeyi belirttim. Bunun için internetten simge fontları indirebilirsiniz.
On-click ile sol tıklamada çalışacak olan wallpaper switcher scriptimin yolunu gösterdim. Waybarda resim simgesine her tıklamamda o script çalışıyor. Aynı şey sağ tıkla da başka bir script ile ayarlı durumda. Siz de bu şekilde bash scriptleri oluşturup waybarda çalıştırabilmek için modül olarak ekleyebilirsiniz.

Gelelim Waybarın style.css dosyasına.
Bunun için catppuccin waybar github sayfasına bakabilirsiniz. catppuccin renkleri tanımlanmış durumda olan bir kaç style.css dosyası sunuyor. Bunun yerine kendiniz hex kodu seçerek de özelleştirebilirsiniz. Benim configimde modül renklendirmeleri şu şekilde düzenlendi:
2023-06-29-171455_hyprshot.png

Renk, büyüklük, kenarları bu şekilde ayarlayabiliyoruz. Ayrıca panelin fontu, font büyüklüğü gibi kısımlarını da bu dosyada şu şekilde ayarlamalıyız:
2023-06-29-171640_hyprshot.png

Gerisi size kalıyor. Burada elbette örnekten fazlasını veremeyeceğim çünkü yapabileceğiniz modüller sizin yaratıcılığınıza bağlı. Hazırladığınız modüllere uygun şekilde style.css dosyasına eklemeler yapmalısınız.

Minimal bir Hyprland rice için gerekli olanlar bunlar. Tabii ki uygulama menüsü, ekran görüntüsü aracı gibi bir çok şey kurmalıyız ancak basit olarak burada verdiğim bilgilerle başlayabilirsiniz. Hyprland ve Waybar'ın wikisinde daha ayrıntılı bilgilere ulaşabilirsiniz, burada yalnızca kendi ayarlarımı anlattım.
Rehber sevilirse ve istek olursa devamı niteliğinde olacak bir rehberle basit, küçük araçların da config dosyalarını anlatacağım. Umarım hoşunuza gitmiştir. Hepinize iyi akşamlar dilerim.​
 
Son düzenleyen: Moderatör:
Hevesle geldiğim ancak beni sıkabilecek ve günlerce ara vere vere yazabilecek olduğum muhteşem rehberime hoşgeldiniz. Bugün (Hangi gün yayınladıysam işte :D ) Hyprland ve Waybar config düzenlemeleri hakkında bilgiler vereceğim. Bunu wiki tarzında her detaya inerek anlatmak çok yorucu olur bu nedenle kendi config dosyalarım üzerinden ilerleyeceğim.

Config ve etc dosyalarım burada bulunuyor:


Ayrıca @202 hocamın desteğiyle Arch Linux için configimi ve gerekli paketleri sisteme ekleyecek güzel bir script de hazırlanmış oldu.

Öncelikle Hyprland'in ne olduğunu ve gerekli paketlerin neler olduğunu anlattığım Rehber: Hyprland ve temel gereksinimler rehberime bakmanızı öneririm. Ardından Hyprland ve Waybar config dosyalarının nasıl düzenleneceğine bakalım.

Hyprland:

Hyprland basit ve anlaşılır bir config dosyasına sahip. Varsayılan config dosyası ~/.config/hypr/ dizininde bulunuyor. Tüm dosyayı silip baştan yazmaya gerek yok, varsayılan config üzerinde klavye dilimizi, kısayollarımızı ve otomatik başlatılacak uygulamaları ayarlamak yeterli. Bunları tek tek anlatayım.

Klavye dili: config dosyasındaki input satırını bulalım, bunun altında kb_layout bulunuyor. Varsayılan olarak İngilizce klavye ayarlı. Onu silip tr yazalım.

Eki Görüntüle 1834207

Klavye kısayolları: Hyprland'de klavye kısayollarımızı ayarlamamız çok basit. Hyprland config dosyasında bind yazıp karşısına tuşları ve çalıştırılacak komutu yazmalıyız. Örneğin uygulama kapama, tam ekran yapma, terminal açma kısayolları şöyle ayarlanabilir:

Kod:
#uygulama kapatma:
bind = $mainMod, Q, killactive {SUPER +Q}

#tam ekran yapma:
bind = ALT, F, fullscreen {ALT + F}

#terminal (benim tercihim kitty)
bind = $mainMod, Return, exec, kitty {Super + Enter}

Otomatik başlatma: Bazı programları otomatik başlatmamız gerekir. Örneğin waybar (panel), polkit (gui parola aracı), swww (wallpaper aracı)...
Sistemi her açtığımızda başlayacak uygulamaları exec-once ile belirleriz. Örnek:

Kod:
#bildirim aracı
exec-once = mako

#panel
exec-once = waybar

#wallpaper
exec-once = swww init && swww img ~/.config/hypr/wallpaper/neon.jpg

Pencere kenarı renkleri: Zorunlu bir düzenleme olmasa da bunu da göstermek istedim. Sevdiğiniz rengin hex kodlarını config dosyasında girebilirsiniz. Ben hex kodlarını değişken olarak atamış olan Catppuccin mocha'yı kullanıyorum. Siz de bu tip bir Hyprland tema dosyasını indirip config dosyasına şu şekilde tanıtabilirsiniz: source = ~/.config/hypr/mocha.conf. Ardından hyprland configi içindeki "general" kısmında col.active_border ve col.inactive_border satırlarının karşısına istediğiniz renkleri yazabilirsiniz. Benim yapılandırmam şu şekilde:

Kod:
col.active_border = $mauve
col.inactive_border = $base
Eki Görüntüle 1836485
Yukarıda gösterdiğim düzenleme ile odaklandığım ve odaklamadığım pencerenin kenar renklerini ayarlamış olduk.

Otomatik olarak Float modda başlatma: Hyprland'de pencereler yan yana ve alt alta şekilde dizilirler, yeni bir uygulama açtıkça bu böyle devam eder. Bazı uygulamaların bu şekilde büyük başlaması yerine küçük biçimde açılmasını isteyebiliriz. Örneğin bir doğrulama aracı olan KDE-Polkit'i float modda başlatmamız gözümüze daha güzel gelir. KDE-Polkit'i float modda başlatmak için şunu yazabiliriz:

Kod:
windowrule = float, ^(org.kde.polkit-kde-authentication-agent-1)$

Anlayabileceğiniz üzere windowrule = yazıp karşısında float modunda başlatılacağı kuralını ardındansa paket adını yazdık. Bundan sonra KDE-Polkit her açıldığında float modda açılacaktır.

Waybar:

Waybar kullanacağımız mükemmel panel uygulamasıdır😍. Waybar 2 adet dosya ile ayarlanıyor. Biri modülleri, modüllerin yerlerini ayarladığımız config.jsonc dosyası diğeri ise renkleri ayarladığımız style.css dosyası.

Benim configim gibi yukarıda görünen bir panel için config dosyasının başında şunları belirtebilirsiniz:
Eki Görüntüle 1840522
Okuyarak anlayabilecek olsanız da basitçe anlatayım. Panelin yukarıda bulunacağını "top" yazarak belirtmiş olduk. Görünümle ilgili bir kaç ekleme daha yaptıktan sonra modüllerin waybardaki yerlerini belirttik. Modules-left solda bulunanlar, modules-right sağda, modules-center ortada. Bunun sonucunda modüller waybarda şu şekilde görünüyor:
Eki Görüntüle 1840525
Solda tarih ve saat, yanında sanal masaüstleri.
Ortada uygulama adı.
Sağda wallpaper, ses yöneticisi gibi araçlar.

Örnek bir sanal masaüstü modülü:
Eki Görüntüle 1840532
Burada "disable-scroll" ile mousela kaydırarak masaüstleri arasında gezinmeyi engelledik. "on-click" seçeneği ile mouse ile sol tık yapınca masaüstü değiştirmeyi ayarlamış olduk. En sonda da masaüstlerini isteledik.

Örnek bir custom modül:
Eki Görüntüle 1840537
Wallpaper değiştirme amaçlı hazırladığım modül. format ile waybarda görünecek simgeyi belirttim. Bunun için internetten simge fontları indirebilirsiniz.
On-click ile sol tıklamada çalışacak olan wallpaper switcher scriptimin yolunu gösterdim. Waybarda resim simgesine her tıklamamda o script çalışıyor. Aynı şey sağ tıkla da başka bir script ile ayarlı durumda. Siz de bu şekilde bash scriptleri oluşturup waybarda çalıştırabilmek için modül olarak ekleyebilirsiniz.

Gelelim Waybarın style.css dosyasına.
Bunun için catppuccin waybar github sayfasına bakabilirsiniz. catppuccin renkleri tanımlanmış durumda olan bir kaç style.css dosyası sunuyor. Bunun yerine kendiniz hex kodu seçerek de özelleştirebilirsiniz. Benim configimde modül renklendirmeleri şu şekilde düzenlendi:
Eki Görüntüle 1840541
Renk, büyüklük, kenarları bu şekilde ayarlayabiliyoruz. Ayrıca panelin fontu, font büyüklüğü gibi kısımlarını da bu dosyada şu şekilde ayarlamalıyız:
Eki Görüntüle 1840542
Gerisi size kalıyor. Burada elbette örnekten fazlasını veremeyeceğim çünkü yapabileceğiniz modüller sizin yaratıcılığınıza bağlı. Hazırladığınız modüllere uygun şekilde style.css dosyasına eklemeler yapmalısınız.

Minimal bir Hyprland rice için gerekli olanlar bunlar. Tabii ki uygulama menüsü, ekran görüntüsü aracı gibi bir çok şey kurmalıyız ancak basit olarak burada verdiğim bilgilerle başlayabilirsiniz. Hyprland ve Waybar'ın wikisinde daha ayrıntılı bilgilere ulaşabilirsiniz, burada yalnızca kendi ayarlarımı anlattım.
Rehber sevilirse ve istek olursa devamı niteliğinde olacak bir rehberle basit, küçük araçların da config dosyalarını anlatacağım. Umarım hoşunuza gitmiştir. Hepinize iyi akşamlar dilerim.​
Elinize sağlık hocam🙂
 
üstad @tempestian iyi günler config dosyasını paylaşabilir misiniz kafama takılan bir kaç soru varda bu arada anlatım çok güzel teşekkür ederim anlatım için
 
üstad @tempestian iyi günler config dosyasını paylaşabilir misiniz kafama takılan bir kaç soru varda bu arada anlatım çok güzel teşekkür ederim anlatım için
Config dosyasını githubda arşivledim hocam. Yeni bilgisayara geçtim ve bu bilgisayarda hyprland ile sorunlar yaşıyorum. Performansıma büyük eksileri olduğu için Hyprland kullanmayı bıraktım. Ben size config dosyamı yine de atayım. Hata falan olabilir ama haberiniz olsun. Hyprland sık sık da güncelleme alıyor yani yeni özellikler de bu configte bulunmuyor.

 

Geri
Yukarı