Ubuntu 12.04'te kaplama olmayan kaydırma çubuklarının rengi VE genişliği nasıl değiştirilir


13

Birçok insanın, varsayılan yer paylaşımı kaydırma çubuklarını kaldırdıktan veya devre dışı bıraktıktan sonra bile, Ubuntu'nun son sürümlerinde neredeyse görünmez ve kullanılamaz kaydırma çubuklarından şikayetçi olduğunu biliyorum. Renklerini ve genişliklerini nasıl kolayca değiştirebileceğimi merak ediyorum.

1600 * 900 çözünürlüğe sahip 13.3 inçlik bir monitörüm var ve bu görüntülerde görebileceğiniz gibi zar zor görebiliyorum:

http://placerdigital.net/up/Dropbox_003.png

http://placerdigital.net/up/Nuvola.png

http://placerdigital.net/up/Ubuntu%20Software%20Center_004.png

GNOME Renk Seçici'yi kullanarak Firefox, LibreOffice ve diğer bazı yazılımların kaydırma çubuklarını zaten değiştirdim:

resim açıklamasını buraya girin

Bu arada, Unity kullanıyorum. Teşekkürler!


1
Ekran görüntüsü iyi olurdu.
Uri Herrera

1
Bu durumda bence bir ekran görüntüsü şart. Verilen cevap istediğin gibi olmadığından.
Anwar

Merhaba @UriHerrera ve Anwar, zaten bazı görüntüler ekledim. Teşekkürler!
Chuqui

1
Lütfen tanrı sevgisi için neden geliştiriciler sistem ayarları altında bunu değiştirmeyi kolaylaştırmıyor?
nöronet

Yanıtlar:


4

Not:

Bu yanıttaki formatlar yalnızca kesin (Ubuntu 12.04) için idealdir, güvenilir için gelişmiş formatlar için sonraki cevaba bakınız (Ubuntu 14.04).


Kaydırma çubuklarını görünür yapma (rengi değiştir)

Vasa1'in yukarıda verilen bilgilere dayanarak, klasik kaydırma çubuklarının rengini varsayılan seçim rengine değiştirdim - yer paylaşımlı kaydırma çubuklarının da kullandığı gibi.

GTK 3 uygulamaları şunları değiştirir:

gksu gedit /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

1580 satırından başlayarak aşağıdaki gibi görünür:

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@selected_bg_color, 1.38)),
                                     to (shade (@selected_bg_color, 1.22)));
    border-style: solid;
    border-width: 1px;

    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@selected_bg_color, 1.14)),
                                           to (shade (@selected_bg_color, 1.14)));
    -unico-centroid-texture:  url("assets/scrollbar_handle_vertical.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (shade (@selected_bg_color, 1.46)),
                                                 to (shade (@selected_bg_color, 1.3)));
    -unico-inner-stroke-width: 1px;
}

.scrollbar.slider.vertical:hover {
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@selected_bg_color, 1.28)),
                                     to (shade (@selected_bg_color, 1.02)));
    border-style: solid;
    border-width: 1px;

    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@selected_bg_color, 0.94)),
                                           to (shade (@selected_bg_color, 0.94)));
    -unico-centroid-texture:  url("assets/scrollbar_handle_vertical.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (shade (@selected_bg_color, 1.36)),
                                                 to (shade (@selected_bg_color, 1.1)));
    -unico-inner-stroke-width: 1px;
}

.scrollbar.slider.horizontal,
.scrollbar.button.horizontal {                                   
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.38)),
                                     to (shade (@selected_bg_color, 1.22)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 1.14)),
                                           to (shade (@selected_bg_color, 1.14)));
    -unico-centroid-texture:  url("assets/scrollbar_handle.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@selected_bg_color, 1.46)),
                                                 to (shade (@selected_bg_color, 1.3)));
}

.scrollbar.slider.horizontal:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.28)),
                                     to (shade (@selected_bg_color, 1.02)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 0.94)),
                                           to (shade (@selected_bg_color, 0.94)));
    -unico-centroid-texture:  url("assets/scrollbar_handle.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@selected_bg_color, 1.36)),
                                                 to (shade (@selected_bg_color, 1.1)));
}


.scrollbar.button,
.scrollbar.button:insensitive {
    -unico-outer-stroke-width: 0;
}

Bu varsayılan olmalıdır.

GTK 2 uygulamaları şunları değiştirir:

gksu gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc

223. satırdan başlayarak aşağıdaki gibi görünecektir:

style "scrollbar" = "button" {
    xthickness = 2
    ythickness = 2

    bg[NORMAL] = shade(1.3, @selected_bg_color)
    bg[PRELIGHT] = shade (1.04, @selected_bg_color)

    bg[ACTIVE] = shade (0.96, @selected_bg_color)

    engine "murrine"
    {
        border_shades = {1.15, 1.1}
        roundness = 20
        contrast = 1.0
        trough_shades = {0.92, 0.98}
        lightborder_shade = 1.3
        glowstyle = 5
        glow_shade = 1.02
        gradient_shades = {1.2, 1.0, 1.0, 0.86}
        trough_border_shades = {0.9, 0.98}
    }
}

GTK 3 biçimlendirmesiyle% 100 aynı görünmüyor, bu yüzden onu geliştirmekten çekinmeyin.


Kaydırma çubuklarını tıklanabilir yapma (genişliği artır)

Asla üretimde kullanılmayan saçma genişliği artırmak için, aynı dosyalarda aşağıdaki değişiklikleri yapın.

GTK 3 uygulamaları için:

gksu gedit /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

1550 satırını aşağıdaki gibi görünecek şekilde değiştirin:

.scrollbar {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
    -GtkRange-slider-width: 16;

    border-radius: 20px;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.74)),
                                           to (shade (@bg_color, 0.74)));
}

GTK 2 uygulamaları şunları değiştirir:

gksu gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc

34 numaralı satırı aşağıdaki gibi görünecek şekilde değiştirin:

GtkScrollbar::slider-width = 16

Zaten düzenlenmiş olan tüm dosyaları tercih edenler için, benimkini buradan indirebilirsiniz:

GTK 3: gtk-widgets.css

GTK 2: gtkrc

Dikkatli ol. Yedekleme yapın.

Zevk almak! :)


Cevabımı zaten okuyanlar için: son düzenleme ile biçimlendirmeyi büyük ölçüde geliştirdim. :)
Nicolas

8

Unity'den bahsettiğiniz için bindirme kaydırma çubuklarından bahsettiğinizi varsayıyorum. Genişliği nasıl değiştireceğimi bilmiyorum ama kesinlikle rengi değiştirebilirsiniz. Renk yeterince farklıysa, genişliğin o kadar da fazla bir sorun olmadığını hissediyorum çünkü fareyle üzerine gelindiğinde oldukça geniş hale geliyor.

Gtkrc (gtk-2.0 klasöründe) ve gtk-widgets.css (gtk-3.0 klasöründe) adlı dosyalar için temanızın klasörüne bakmanız gerekir . Bu dosyaları bir metin düzenleyicisiyle açın. Sen kullanmanız gerekebilir gksudo gedityerine sadece geditTemanızın / usr / share / temalar ise değil ~ / .themes içinde. Ardından, bindirme kaydırma çubuklarını veya bindirme kaydırma çubuğunu veya benzer bir şeyi arayın ve bu bölümlerde belirtilen renklerle oynayın. Hex renginde kendi renginizi bile belirleyebilirsiniz.

Açıkçası, isterseniz iki dosyada farklı renkler ayarlayabilirsiniz.

Değişiklikleri görselleştirmek için, bu dosyalarda değişiklik yaptıktan ve kaydettikten sonra başka bir temaya geçmeniz ve geri dönmeniz gerekebilir.

Eğer yaptığınız değişiklikler / usr / share / temalar sistem genelinde olacak ve değişiklikler olacaktır ~ / .themes kullanıcıya özgü olacaktır.

PCManFM'de bindirme kaydırma çubuğum böyle görünüyor.

Yer paylaşımlı kaydırma çubuğum

Düzenleme : Biri geleneksel kaydırma çubukları kullanıyorsa, gedit gibi gtk-3.0 uygulamalarında kaydırıcı ve oluk arasındaki kontrastı artırmak için, yukarıda belirtilen gtk-widgets.css dosyasını düzenleyebilirsiniz . Bunu yapmak için kaydırma çubuğu (veya benzer bir şey) başlıklı bölümü arayın ve şuna benzer satırları arayın:

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.slider.vertical:hover,
.scrollbar.button.vertical {
    background-image: -gtk-gradient (linear, left top, right top,
                                 from (shade (@bg_color, 1.08)),
                                 to (shade (@bg_color, 0.92)));
    border-style: solid;
    border-width: 1px;

Burada, gölgeyi değiştirerek arka plan görüntüsü değerleriyle oynayabilirsiniz . Daha yüksek bir değer daha parlaktır, daha düşük bir değer daha koyudur.

Daha basit bir şey yapmayı tercih ederim: Arka plan resmini arka plan rengine değiştiriyorum ve sadece sevdiğim bir renk var. Örneğin, arka plan rengi: kırmızı; muhtemelen olağanüstü bir kontrast verirdi.

Kodum şöyle görünüyor:

.scrollbar.slider,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
    background-color: #003263; /*@theme_bg_color;*/
    /**/
    /**/

Açıkçası, düzenlemeden önce bir yedek tavsiye edilir ve bir yerine kullanarak şeyler silinmesi gtk-widgets.css dosyasında şeyler dışarı yorum yapabilirsiniz /*ve */.

(Yanıtları gönderirken blok tırnak işaretlerinin biçimlendirilmesini sağlayamıyorum. Birisi işleri temizleyecek olursa minnettar olurum.)

Son bir düzenleme (Umarım): Chrome veya Chromium kullanıcıları, gtk-2.0/apps/chromium.rctemaları varsa dosyalarını düzenleyerek veya gtk-2.0/gtkrcorada gerekli olanları düzenleyerek kontrastı artırabilir . Her iki durumda da bölüm başlıklı "chrome-gtk-frame" stilini aramalıdır . Burada, yine, bu (veya benzeri) satırdaki gölge değeri ile oynayın:

ChromeGtkFrame::scrollbar-slider-normal-color = shade (1.4, @panel_bg)

Ya da sadece böyle bir renk belirtebilirsiniz:

ChromeGtkFrame::scrollbar-slider-normal-color = "#003263"

veya

ChromeGtkFrame::scrollbar-slider-normal-color = "blue"

(Alıntılar gereklidir.)


1
Üzgünüm @ vasa1! Bindirme kaydırma çubuklarını "Ayarlar" veya bazı komutları kullanarak kaldırdığımı belirtmeyi unuttum. Şimdi dar ve düşük kontrastlı kaydırma çubuklarım var. Düzeltmem gereken bu. (Orijinal soruyu zaten düzenledim).
Chuqui

@Chuqui, lütfen sorunlu birkaç uygulamadan bahseder misiniz? Ve hangi temayı kullandığınızı belirtin. Çok ince kaydırma çubuklarına sahip en az bir tema biliyorum. Bu durumda, sadece başka bir temayı denemek meselesi olabilir.

Merhaba @ vasa1, bana verdiğiniz ayrıntılı talimatlar için tekrar teşekkür etmek istiyorum. Sorumda yeterince açık olmadığım için üzgünüm. Yukarıda, kaydırma çubuklarının zor görüldüğü uygulamaların görüntülerini görebilirsiniz: Nautilus, Nuvola Player ve Ubuntu Yazılım Merkezi. Aksine, Gnome Renk Seçici'yi kullanarak Firefox, Ubuntu One ve diğer yazılımların LibreOffice gibi kaydırma çubuklarını değiştirebilirim. Varsayılan temayı kullanıyorum: Ambiance
Chuqui 25:12

1
Sağladığım düzenleme, Nautilus ve USC için bile kontrastı nasıl artırabileceğinizi göstermelidir. Nuvola'yı bilmiyorum. IMO, Ambiance'daki varsayılan kaydırma çubuğu genişliği çok kötü değil (kontrastı ayarladıktan sonra).

Çok güzel bir cevap. Bir uygulamanın GTK 2 mi yoksa GTK 3 mü kullandığını nasıl anlarsınız? Ex nautilus, gedit GTK 3 kullanıyor ancak firefox / thunderbird GTK 2 kullanıyor mu?
Chandrayya GK

2

İçin Ubuntu 14.04 (Güvenilir Tahr) biraz farklı değişiklikler ihtiyaç vardır.

GTK 3: gtk-widgets.css şu adrese gider: /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

GTK 2: gtkrc şu adrese gider: /usr/share/themes/Ambiance/gtk-2.0/gtkrc

Önceden yedek yapın:

sudo cp /usr/share/themes/Ambiance/gtk-2.0/gtkrc /usr/share/themes/Ambiance/gtk-2.0/gtkrc.bak
sudo cp gtkrc /usr/share/themes/Ambiance/gtk-2.0/
sudo cp /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css.bak
sudo cp gtk-widgets.css /usr/share/themes/Ambiance/gtk-3.0/ 

Bu komutlar indirilen dosyaları gtkrcve gtk-widgets.cssgeçerli dizinde bekler .


1
Bu, diğer yanıtınıza düzenleme olarak daha iyi olmaz mıydı?
Pavel

Ayrı bir cevap verme amacım, 12.04 öğeyi 14.04'ten açıkça ayırmaktı, böylece hazırlanan düzen dosyalarımın tüketicileri doğru olanları hızlı ve karışık olmadan hızlı bir şekilde bulabildiler. Ama ... şey ... biri hakkında tartışabilir ...;)
Nicolas
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.