當前位置: 首頁>>技術教程>>正文


unity – 如何改變滾動條的顏色?

, , ,

問題描述

Unity 中的滾動條對比度非常低,我無法僅使用周邊視覺看到滾動條的位置。我必須看看滾動條。

查看 Mac OS X 界麵,注意藍色的對比滾動條。您無需直接查看它即可了解您在頁麵中的位置。

我怎樣才能改變它,讓它有更多的對比度,我每次都能看到我在哪裏?

最佳答案

有點晚了,但也許我找到了一個非常好的、簡單的 GUI 解決方案:

gnome-color-chooser

強調:

  • 完全 GUI 解決方案,無需手動擺弄 ~/.gtkrc

  • 僅更改您檢查的設置。取消選中它們將恢複為默認值。

  • 單擊 Apply 後,更改將立即應用。無需來回切換主題

  • 不需要 sudo(但更改隻針對您的用戶)

  • 僅適用於 “legacy” 滾動條(需要修複的滾動條)。 “overlay” 滾動條未修改。

這些更改非常不顯眼:它編輯(或創建)~/.gtkrc 以包含自己的配置文件:

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

而且那個文件也很苗條:

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

順便說一句,我從實驗中挑選了上述顏色。它們與 Ambiance 的 “monochrome-ish” 風格完美融合,隻是比默認值更暗(因此更明顯)。

在 Firefox 獲得覆蓋滾動條之前,我對我的自定義顏色非常滿意 🙂

次佳答案

我建立在 culebrón 描述的基礎上,意外地創造了一些我認為非常棒的東西……

以root身份打開/usr/share/themes/Ambiance/gtk-2.0/gtkrc進行修改:

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

然後將該文件中的匹配部分修改為以下內容(請記住備份默認值以防您不喜歡更改):

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

保存,然後通過切換主題或注銷來應用更改。

新的、很棒的、可用的滾動條可能看起來像:

第三種答案

以上更改了使用 gtk2 主題文件的應用程序的滾動條。 gnome-color-chooser 也是如此(至少當前存儲庫中的那個)。對於 gtk3 應用程序,如 gnome-terminal 和 13.04 中使用 gnome-fallback 的 gedit,需要更改 /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

去做這個

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

並將 * scrollbar * 部分替換為:

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

這在 gtk3 中提供了一個滾動條,如下所示:

這與上麵的 gtk2 有點相似。不過,這裏不包括小刻度和適當的步進器。

第四種答案

找到解決方案: sudo 並打開 /usr/share/themes/Ambiance/gtk-2.0/gtkrc 並找到以下代碼:

style "scrollbar" = "button" {

在花括號下方,將 bg[SOMETHING] 行更改為如下所示:

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

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

或者查看文件第 1 行中聲明的顏色,然後選擇您喜歡的顏色。要更新外觀,在係統設置/外觀中,將主題更改為另一個主題並返回到氛圍。

編輯:似乎 Xterm 使用 Radiance 主題。 Radiance 中的滾動條是黑底黑字,而且是不可見的。太時髦了,耶!也需要編輯該主題。

參考資料

本文由Ubuntu問答整理, 博文地址: https://ubuntuqa.com/zh-tw/article/12399.html,未經允許,請勿轉載。