Làm thế nào để thay đổi màu sắc của thanh cuộn?


20

Các thanh cuộn trong Unity có độ tương phản rất thấp và tôi không thể thấy thanh đang sử dụng tầm nhìn ngoại vi. Tôi phải nhìn vào thanh cuộn.

Nhìn vào giao diện Mac OS X và chú ý thanh cuộn màu xanh tương phản. Bạn không cần phải nhìn trực tiếp vào nó để có ý tưởng bạn đang ở đâu trong trang.

Làm thế nào tôi có thể thay đổi nó để nó có độ tương phản cao hơn và tôi thấy mình đang ở đâu mỗi lần?


1
@ culebrón đây là ảnh chụp màn hình của bạn với một vệt mờ xuyên tâm và thanh cuộn 'vô hình'. Tôi sẽ cho phép bạn thêm nó vào câu hỏi của bạn nếu bạn muốn.
Tom Brossman

@ culebrón câu hỏi này có thể là vấn đề bạn đang gặp phải không?
Bruno Pereira

2
Báo cáo lỗi liên quan: Lỗi # 563474
Christopher Kyle Horton

Gợi ý câu hỏi không phù hợp cho các trang SE: Tại sao các nhà phát triển nghĩ rằng thanh cuộn có độ tương phản thấp như vậy là UI tốt?
nơron

Câu trả lời:


19

Hơi muộn một chút, nhưng có lẽ tôi đã tìm thấy một giải pháp GUI khá hay, dễ sử dụng:

người chọn màu Cài đặt trình chọn màu gnome

cài đặt thanh cuộn trong Trình chọn màu Gnome

Điểm nổi bật:

  • Giải pháp GUI hoàn toàn, không cần phải thủ công với ~/.gtkrc
  • Chỉ thay đổi cài đặt bạn kiểm tra. Bỏ chọn chúng trở lại mặc định.
  • Thay đổi được áp dụng ngay khi bạn nhấp vào Apply. Không cần phải chuyển chủ đề qua lại
  • Không cần sudo (nhưng chỉ thay đổi cho người dùng của bạn)
  • Chỉ áp dụng cho các thanh cuộn "di sản" (những cái cần được sửa). Thanh cuộn "lớp phủ" không được sửa đổi.

Các thay đổi khá khó hiểu: nó chỉnh sửa (hoặc tạo) ~/.gtkrcđể bao gồm tệp cấu hình của riêng nó:

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

Và tập tin đó cũng khá mỏng:

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

Btw, tôi đã chọn các màu trên trong số các thí nghiệm. Chúng kết hợp độc đáo với phong cách "đơn sắc-ish" của Ambiance, chỉ tối hơn một chút (và do đó dễ nhìn thấy hơn) so với mặc định.

Cho đến khi Firefox có các thanh cuộn phủ, tôi khá hài lòng với màu tùy chỉnh của mình :)


Đã thử điều này trong Unity Ubuntu 14.04, nó không có tác dụng gì đối với các thanh cuộn của tôi mà tôi đã nhận thấy cho đến nay (kể cả sau khi khởi động lại).
nơron

@neuronet: Có, tôi đã nhận thấy điều này đã ngừng hoạt động trong các phiên bản gần đây của Firefox (từ 45 hoặc 47)
MestreLion

Tại sao các nhà phát triển Unity không thể biến điều này thành một phần dễ thấy của cài đặt hệ thống? Lượng thời gian tôi đã bực mình về điều này tôi có thể đã phát triển một hệ điều hành mới. :)
nơ ron

11

Tôi đã xây dựng dựa trên những gì culebrón mô tả và vô tình tạo ra thứ gì đó tôi nghĩ là khá tuyệt vời ...

Mở /usr/share/themes/Ambiance/gtk-2.0/gtkrcbằng root để sửa đổi:

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

Sau đó sửa đổi phần phù hợp trong tệp đó thành phần sau (nhớ sao lưu mặc định trong trường hợp bạn không thích các thay đổi):

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}
    }
}

Lưu, sau đó áp dụng các thay đổi bằng cách chuyển đổi chủ đề hoặc đăng xuất.

Các thanh cuộn mới, tuyệt vời và có thể sử dụng có thể trông giống như:


Vì một số lý do, việc này không ảnh hưởng đến thanh cuộn thiết bị đầu cuối. Tôi thậm chí loay hoay trong /usr/share/themes/Ambiance/gtk-2.0/apps/gnome-terminal.rcnhưng không có niềm vui!
adarshr

Xin lỗi adarshr, nhưng tôi không đủ quen thuộc với chủ đề để giúp bạn với thanh cuộn của Terminal. Hy vọng người khác có thể nhảy vào với một giải pháp. :)
Askuhn

9

Ở trên thay đổi thanh cuộn cho các ứng dụng sử dụng tệp chủ đề gtk2. Trình chọn màu gnome cũng vậy, (ít nhất là một trong kho lưu trữ hiện tại). Đối với các ứng dụng gtk3, như gnome-terminal và gedit trong 13.04 bằng cách sử dụng gnome-fallback, người ta cần thay đổi /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css.

Để làm điều này

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

và thay thế * scrollbar *phần này bằng:

/*************
 * 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 {
}

Điều này cung cấp một thanh cuộn trong gtk3 trông như thế này:

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

Cái nào cũng giống với cái cho gtk2 ở trên. Các đánh dấu nhỏ và các bước thích hợp không được bao gồm ở đây mặc dù.


Hoạt động cho thiết bị đầu cuối vào ngày 14.04, cảm ơn.
markdsievers

3
Điều này hoạt động rất tốt cho các ứng dụng gtk3 như firefox 46 trở lên. Thay vì sửa đổi các tệp chủ đề gốc, các thay đổi có thể được thêm vào ~ / .config / gtk-3.0 / gtk.css mang lại cho mỗi người dùng giao diện ưa thích của riêng họ trong khi vẫn giữ nguyên bản gốc.
yoyoma2

8

Tìm thấy giải pháp: sudo và mở /usr/share/themes/Ambiance/gtk-2.0/gtkrcvà tìm mã này:

style "scrollbar" = "button" {

Dưới đây trong các dấu ngoặc nhọn, thay đổi các dòng bg [SOMETHING] để trông giống như:

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

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

Hoặc nhìn vào các màu được khai báo trong dòng 1 của tệp và chọn màu bạn thích. Để cập nhật giao diện, trong Cài đặt / Giao diện hệ thống, hãy thay đổi chủ đề sang một giao diện khác và quay lại Ambiance.

chỉnh sửa: Xuất hiện rằng Xterm sử dụng chủ đề Radiance. Thanh cuộn trong Radiance có màu đen trên nền đen và chỉ là vô hình. Thật phong cách, yeah! Cần phải chỉnh sửa chủ đề đó quá.


Vui lòng bạn có thể gửi báo cáo lỗi để thông báo cho nhà phát triển - chúng tôi cần màu thanh cuộn có thể định cấu hình và trường hợp sử dụng của bạn sẽ làm nổi bật điều này. cảm ơn.
fossfreedom

@fossfreedom, tôi nghĩ rằng bạn có thể chỉnh sửa "Unity" từ "Unity scroll-bar" vì tôi nghĩ OP đang đề cập đến các thanh cuộn thông thường (gtk-2.0) mà chúng ta thấy trong LibreOffice và Firefox chẳng hạn. Để lại "Unity" tại chỗ có thể tạo ấn tượng rằng đó là thanh cuộn lớp phủ "mới" đang được nói đến.

@ vasa1 - Tôi sẽ để OP trả lời câu hỏi này ...
fossfreedom

Có thể là một ý tưởng tốt hơn để thực hiện sửa đổi này trong thư mục của người dùng thay vì toàn hệ thống
Jorge Castro

1

Mặc dù không phải là câu trả lời trực tiếp cho câu hỏi, nhưng nếu bạn không thích thanh cuộn mới (tôi không đổ lỗi cho bạn, chúng khá kinh khủng theo quan điểm cá nhân của tôi), bạn có thể quay lại thanh cuộn tiêu chuẩn bằng cách chạy lệnh sau:

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

Có thể OP quan tâm đến các thanh cuộn thông thường chứ không phải thanh cuộn lớp phủ kể từ khi chỉnh sửa /usr/share/themes/Ambiance/gtk-2.0/gtkrcgiúp.

Tôi ổn với họ, họ trông sành điệu, nhưng điều "sành điệu" rõ ràng là quá mức ở đây, với chi phí khả dụng. Điều tương tự cũng xảy ra đối với thời trang viết bằng tất cả các chữ cái nhỏ hoặc tất cả chữ hoa, "ubfox". Càng ít gậy dính ra khỏi dòng, càng tệ là khả năng đọc.
culebrón

Câu hỏi rõ ràng là về thanh cuộn thông thường (hoặc "di sản"), vì đó là thanh cuộn có độ tương phản kém. Bạn có thể hoặc không thể thích kiểu lớp phủ mới, nhưng màu cam mỏng hơn màu xám ít nhất có độ tương phản phù hợp.
MestreLion

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.