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

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?

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

Đ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 :)

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ư:

Ở 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:

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ù.

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á.

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

Một cách khác:

Một số chủ đề đi kèm với thanh cuộn màu, (Adwaita, NewLooks, v.v.), có thanh cuộn có thể dễ dàng thay đổi đang thay đổi selected_bg_colorcài đặt bằng cách sử dụng dconf-editor: Làm cách nào để thay đổi màu "Mục đã chọn"?