Bagaimana cara mengubah warna bilah gulir?


20

Bilah gulir di Unity memiliki kontras yang sangat rendah, dan saya tidak bisa melihat di mana bilah menggunakan hanya penglihatan tepi. Saya harus melihat scrollbar.

Lihatlah antarmuka Mac OS X dan perhatikan bilah gulir biru yang kontras. Anda tidak perlu melihatnya langsung untuk mengetahui di mana Anda berada di halaman tersebut.

Bagaimana saya bisa mengubahnya sehingga lebih kontras dan saya melihat keberadaan saya setiap saat?


1
@ culebrón inilah tangkapan layar Anda dengan blur radial dan bilah gulir 'tidak terlihat'. Saya akan membiarkan Anda menambahkannya ke pertanyaan Anda jika mau.
Tom Brossman

@ culebrón mungkinkah pertanyaan ini menjadi masalah yang Anda hadapi?
Bruno Pereira

2
Laporan bug terkait: Bug # 563474
Christopher Kyle Horton

Menyarankan pertanyaan yang tidak sesuai untuk situs SE: Mengapa pengembang menganggap scrollbar kontras rendah seperti itu adalah UI yang baik?
neuronet

Jawaban:


19

Agak terlambat, tapi mungkin saya sudah menemukan solusi GUI yang cukup bagus dan mudah:

gnome-color-chooser Instal gnome-color-chooser

pengaturan scrollbar di Gnome Color Chooser

Highlight:

  • Benar-benar solusi GUI, tidak perlu bermain-main secara manual ~/.gtkrc
  • Hanya mengubah pengaturan yang Anda periksa. Hapus centang pada mereka kembali ke default.
  • Perubahan diterapkan segera setelah Anda mengklik Apply. Tidak perlu berganti-ganti tema
  • Tidak perlu sudo (tetapi perubahan hanya untuk pengguna Anda)
  • Berlaku hanya untuk "legacy" scrollbar (yang perlu diperbaiki). Bilah gulir "hamparan" tidak dimodifikasi.

Perubahannya cukup tidak mengganggu: ia mengedit (atau membuat) ~/.gtkrcuntuk menyertakan file konfigurasi sendiri:

include ".gtkrc-2.0-gnome-color-chooser"

Dan file itu juga cukup ramping:

style "gnome-color-chooser-scrollbar"
{
  bg[NORMAL] = "#ACACAC"
  bg[PRELIGHT] = "#808080"
  bg[ACTIVE] = "#ACACAC"
}
widget_class "*Scrollbar" style "gnome-color-chooser-scrollbar"

Btw, saya sudah memilih warna di atas dari eksperimen. Mereka berbaur dengan baik dengan gaya "monochrome-ish" Ambiance, menjadi sedikit lebih gelap (dan dengan demikian lebih terlihat) daripada standar.

Sampai Firefox mendapat bilah gulir hamparan, saya cukup senang dengan warna khusus saya :)


Mencoba ini di Unity Ubuntu 14.04 itu tidak berpengaruh pada scrollbar saya yang saya perhatikan sejauh ini (termasuk setelah restart).
neuronet

@neuronet: Ya, saya perhatikan ini berhenti berfungsi di Firefox versi terbaru (dari 45 atau 47)
MestreLion

Mengapa bleep tidak bisa pengembang Unity hanya menjadikan ini bagian yang mencolok dari pengaturan sistem? Jumlah waktu saya terganggu tentang hal ini saya bisa mengembangkan OS baru. :)
neuronet

11

Saya membangun apa yang digambarkan oleh culebrón dan secara tidak sengaja menciptakan sesuatu yang saya pikir cukup mengagumkan ...

Buka /usr/share/themes/Ambiance/gtk-2.0/gtkrcsebagai root untuk modifikasi:

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

Kemudian, ubah bagian yang cocok dalam file tersebut menjadi yang berikut (ingat untuk membuat cadangan default jika Anda tidak suka perubahan):

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

    bg[NORMAL] = shade (0.62, @bg_color)
    bg[PRELIGHT] = shade (0.66, @bg_color)

    bg[ACTIVE] = shade (0.64, @bg_color)

    engine "murrine"
    {
        border_shades = {0.95, 0.90}
        roundness = 3
        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}
    }
}

Simpan, lalu terapkan perubahan dengan mengaktifkan tema atau keluar.

Scrollbar baru, luar biasa, dan dapat digunakan mungkin terlihat seperti:


Untuk beberapa alasan, melakukan ini sama sekali tidak memengaruhi scrollbar terminal. Aku bahkan bermain-main /usr/share/themes/Ambiance/gtk-2.0/apps/gnome-terminal.rctetapi tidak ada sukacita!
adarshr

Maaf adarshr, tapi saya tidak cukup terbiasa dengan tema untuk membantu Anda dengan scrollbar Terminal. Semoga orang lain bisa terjun dengan solusi. :)
askuhn

9

Di atas mengubah bilah gulir untuk aplikasi yang menggunakan file tema gtk2. Begitu juga dengan pemilih-warna-gnome, (minimal yang ada di repositori saat ini). Untuk aplikasi GTK3, seperti gnome-terminal dan gedit di 13.04 menggunakan gnome-fallback, salah satu kebutuhan untuk perubahan /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css.

Untuk melakukan ini

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

dan ganti * scrollbar *bagian dengan ini:

/*************
 * scrollbar *
 *************/
.scrollbar,
.scrollbar.vertical {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
    -GtkRange-slider-width: 14;

    border-radius: 3px;

    border-image: none;
}

.scrollbar.trough,
.scrollbar.trough.vertical {
    border-color: shade (@bg_color, 0.64);
}

.scrollbar.trough.horizontal {
}

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.slider.vertical:hover,
.scrollbar.button.vertical {
    border-width: 1px;
    border-style: solid;
    border-color: shade (@bg_color, 0.4);
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);
}

.scrollbar.slider.horizontal,
.scrollbar.slider.horizontal:hover,
.scrollbar.button.horizontal {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);

}

.scrollbar.button,
.scrollbar.button:insensitive {
}

Ini memberikan bilah gulir di gtk3 yang terlihat seperti ini:

http://i.stack.imgur.com/m385G.png

Yang agak mirip dengan yang untuk gtk2 di atas. Kutu kecil dan stepper yang tepat tidak termasuk di sini.


Bekerja untuk terminal pada 14,04, terima kasih.
markdsievers

3
Ini berfungsi baik untuk aplikasi gtk3 seperti firefox 46 ke atas. Alih-alih memodifikasi file tema asli, perubahan dapat ditambahkan ke ~ / .config / gtk-3.0 / gtk.css memberikan masing-masing pengguna tampilan yang disukai mereka sendiri sambil menjaga yang asli.
yoyoma2

8

/usr/share/themes/Ambiance/gtk-2.0/gtkrcTemukan solusinya: sudo dan buka dan temukan kode ini:

style "scrollbar" = "button" {

Di bawah dalam kurung kurawal, ubah garis bg [SESUATU] menjadi seperti:

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

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

Atau lihat warna yang dinyatakan pada baris 1 file dan pilih yang Anda inginkan. Untuk memperbarui tampilannya, di Pengaturan sistem / Penampilan, ubah tema ke tema lain dan kembali ke Ambiance.

sunting: Muncul bahwa Xterm menggunakan tema Radiance. Scrollbar di Radiance berwarna hitam di atas hitam dan tidak terlihat. Sangat stylish, yeah! Perlu mengedit tema itu juga.


Anda dapat mengajukan laporan bug untuk memberi tahu pengembang - kami memerlukan warna scrollbar yang dapat dikonfigurasi dan use case Anda akan menyorotnya. Terima kasih.
fossfreedom

@fossfreedom, saya pikir Anda dapat mengedit "Unity" dari "Unity scroll-bar" karena saya pikir OP mengacu pada scrollbar konvensional (gtk-2.0) yang kita lihat di LibreOffice dan Firefox, misalnya. Meninggalkan "Unity" di tempatnya mungkin memberi kesan bahwa itu adalah scrollbar overlay "baru" yang sedang dibicarakan.

@ vasa1 - Saya akan membiarkan OP menjawab yang ini ...
fossfreedom

Mungkin ide yang lebih baik untuk membuat modifikasi ini di direktori pengguna daripada di seluruh sistem
Jorge Castro

1

Meskipun bukan jawaban langsung untuk pertanyaan itu, jika Anda tidak menyukai scrollbar baru (saya tidak menyalahkan Anda, mereka cukup menghebohkan dalam pendapat pribadi saya), Anda dapat kembali ke scrollbar standar dengan menjalankan perintah berikut:

sudo apt-get remove overlay-scrollbar liboverlay-scrollbar3-0.2-0 liboverlay-scrollbar-0.2-0

Ada kemungkinan bahwa OP berkaitan dengan scrollbar konvensional dan bukan overlay-scrollbar karena pengeditan /usr/share/themes/Ambiance/gtk-2.0/gtkrcmembantu.

Saya setuju dengan mereka, mereka terlihat gaya, tetapi hal "gaya" jelas berlebihan di sini, dengan mengorbankan kegunaan. Hal yang sama berlaku untuk mode penulisan dalam semua huruf kecil atau huruf besar semua, "ubuntu". Semakin sedikit stik yang menonjol, semakin buruk keterbacaannya.
culebrón

Pertanyaan jelas tentang scrollbar konvensional (atau "lawas"), karena itulah yang sangat kontras. Anda mungkin suka atau tidak suka gaya overlay baru, tetapi oranye tipis di atas abu-abu setidaknya memiliki kontras yang tepat.
MestreLion

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.