cüce

GNOME Kabuk Temalarının Stil Özellikleri Nasıl Değiştirilir

GNOME Kabuk Temalarının Stil Özellikleri Nasıl Değiştirilir
GNOME Shell (GS) temaları, kabuğun çeşitli öğelerini şekillendirmek için büyük ölçüde CSS'ye bağlıdır. Bir GS temasına dahil edilen tipik bir CSS dosyası binlerce özelliğe sahip olabilir. Bu makale, orijinal temalardan değerleri devralan yeni bir tema oluşturarak mevcut GS temalarında ince ayar yapmak için kullanabileceğiniz bazı kavramları ele alacaktır. CSS'nin nasıl çalıştığına biraz aşinaysanız, bir GS temasının hemen hemen her yönünü değiştirmek için aşağıda belirtilen örnekleri geliştirebilirsiniz.

Özel GNOME Kabuk Temalarını Etkinleştirme

Ubuntu, diğer birçok GNOME tabanlı dağıtımla birlikte, varsayılan olarak kullanıcı yapımı özel temalara izin vermez. Kullanıcı temalarını yüklemek için bir GS uzantısı ve gizli bir tweaks yardımcı programının yüklenmesi gerekir. Aşağıdaki komutu çalıştırarak gerekli uzantıyı ve GNOME ince ayar aracını Ubuntu'ya yükleyebilirsiniz:

$ sudo apt gnome-shell-uzantılarını kurun gnome-tweaks

Uygulama başlatıcıdan "Tweaks" uygulamasını başlatın ve kenar çubuğundaki "Uzantılar" sekmesine gidin. Aşağıdaki ekran görüntüsünde gösterildiği gibi "Kullanıcı Temaları" uzantısını etkinleştirin. En üstte "Uzantılar" geçişinin etkinleştirildiğinden emin olun.

Bu adımı tamamladığınızda, Tweaks uygulamasını kapatın ve yeniden başlatın. Artık GS temasını “Görünüm” sekmesinden değiştirebileceksiniz.

Tema Özelleştirme için Gerekli Dosyaları Oluşturma

Mevcut bir temayı özelleştirmek için orijinal temayı temel alan yeni bir GS teması oluşturmanız gerekir. Bu şekilde, temanın tamamını değiştirmeden sadece temanın seçili kısımlarını değiştirebilirsiniz. Orijinal temanın dokunulmamış kısımları olduğu gibi tutulacaktır. Aşağıdaki komutları çalıştırmak, $HOME dizininizde “mytheme” adlı yeni bir özel tema oluşturacaktır.

$ mkdir -p ~/.temalar/efsane/gnome-shell/
$ dokunma ~/.temalar/efsane/gnome-kabuğu/gnome-kabuğu.css

Gnome kabuğuna kendi özelleştirmelerinizi girmek için herhangi bir metin düzenleyiciyi kullanabilirsiniz.Yukarıdaki komutu çalıştırarak oluşturulan css” dosyası. Gerekli kodu girdikten sonra, bu makalenin ilk bölümünde açıklandığı gibi, Tweaks uygulamasındaki açılır menüden “Mytheme” temasını seçebilirsiniz. Değişikliklerin geçerli olması için oturumu kapatıp tekrar oturum açmanız gerekeceğini unutmayın. Alternatif olarak, tuşuna da basabilirsiniz ve GNOME kabuğunu yeniden yüklemek için açılır giriş kutusuna "r" girin.

Temel CSS Dosyasını Bulma

Orijinal CSS dosyasını referans olarak kullanmak istiyorsanız, önce onu bulup çıkarmanız gerekir. Üçüncü taraf temaları doğrudan bir "gnome kabuğu" içerebilir.css” dosyası, CSS özelleştirmesi için bir temel olarak kullanımı kolaylaştırır. Ancak, varsayılan sistem dosyaları "gnome-shell-theme" içerebilir.bunun yerine gresource” dosyaları. Varsayılan sistem GS temasını “/usr/share/gnome-shell/theme” yolunda bulabilirsiniz. Bu dizinin içinde, varsayılan sistem temasının adıyla aynı başka bir klasörün altında gresource dosyasını bulacaksınız. Ubuntu'nun en son sürümünde, gresource dosyasını “/usr/share/gnome-shell/theme/Yaru” yolunda bulacaksınız. Gresource dosyasını başka bir klasöre kopyalayın ve aşağıdaki komutu çalıştırın:

$ gresource listesi gnome-shell-teması.yağ

Yukarıdaki komutu girdikten sonra aşağıdaki çıktıyı alacaksınız:

/org/gnome/shell/theme/Yaru-dark/gnome-shell-high-contrast.css
/org/gnome/shell/theme/Yaru-dark/gnome-shell.css
/org/gnome/shell/theme/Yaru/gnome-shell-yüksek kontrast.css
/org/gnome/shell/theme/Yaru/gnome-shell.css


Yukarıdaki çıktıdaki dördüncü satır, CSS dosyasının doğru yolunu verir. Ayıklamak için aşağıdaki biçimde bir komut çalıştırın:

$ gresource özü gnome-kabuk teması.gresource /org/gnome/shell/theme/Yaru/gnome-shell.css
> çıktı.css

Artık “çıktı”ya başvurabilirsiniz.css” dosyası elde edin ve özelleştirme için bir temel olarak kullanın. Aşağıda bazı CSS özelleştirme örnekleri verilmiştir. Bu örnekler tüm kullanım durumlarını kapsamaz ancak nasıl devam edeceğiniz konusunda size temel bir fikir verecektir. Aşağıda belirtilen CSS kuralları bu makalenin kapsamı dışında olduğu için herhangi bir açıklama yapılmayacağını unutmayın. Daha fazla bilgi için W3Schools veya Mozilla'dan CSS referans belgelerine başvurabilirsiniz.

Sistem Teması Yazı Tipi Özelliklerini Değiştirme

Aşağıdaki kod, varsayılan sistem temasının yazı tipi özelliklerini değiştirecektir. Yazı tipi stili Noto Sans olarak değiştirilecek ve yazı tipi boyutu 12 punto olarak değiştirilecektir.

sahne
yazı tipi ailesi: Noto Sans, sans-serif;
yazı tipi boyutu: 12pt;

Üçüncü taraf bir GS teması kullanıyorsanız, aşağıdaki örnekte gösterildiği gibi önce tam yolu belirterek CSS dosyasını içe aktarmanız gerekebilir:

@import url("yol/hedef/tema.css");
sahne
yazı tipi ailesi: Noto Sans, sans-serif;
yazı tipi boyutu: 12pt;

Bir CSS dosyası içe aktarılamazsa, yukarıda açıklandığı gibi onu gresource dosyasından çıkarabilirsiniz.

Panel Arka Plan Rengini Değiştirme

Panel arka plan rengini kırmızı olarak değiştirmek için aşağıdaki kodu kullanın:

#panel
arka plan rengi: kırmızı;

Geçiş Anahtarının Genişliğini Değiştirme

Geçiş düğmelerinin genişliğini değiştirmek için aşağıdaki kodu kullanın:

.geçiş anahtarı
genişlik: 100 piksel;

Sonuç

Biraz CSS kuralları ve özellikleri bilgisi ile, bir GS temasının neredeyse tüm yönlerini kolayca özelleştirebilirsiniz. Ancak, referans olarak kullanmak ve çok fazla tahminde bulunmaktan kaçınmak için doğru temel CSS dosyasını bulmak önemlidir.

Vulkan for Linux Users
With each new generation of graphics cards, we see game developers push the limits of graphical fidelity and come one step closer to photorealism. But...
OpenTTD vs Simutrans
Creating your own transport simulation can be fun, relaxing and extremely enticing. That's why you need to make sure that you try out as many games as...
OpenTTD Tutorial
OpenTTD is one of the most popular business simulation games out there. In this game, you need to create a wonderful transportation business. However,...