Ubuntuの最近のバージョンでは、デフォルトのオーバーレイスクロールバーを削除または無効にした後でも、ほとんど目に見えない、使用できないスクロールバーについて多くの人が不満を言っています。どのように色と幅を簡単に変更できるのでしょうか。

1600 * 900解像度の13.3インチモニターを使用していますが、これらの画像でわかるように、ほとんど見えません。

GNOME Color Chooserを使用して、Firefox、LibreOffice、およびその他のソフトウェアのスクロールバーを変更しました。

ところで、Unityを使用しています。ありがとう！

注意：

この回答のフォーマットは、正確な場合（Ubuntu 12.04）にのみ最適です。信頼性の向上したフォーマット（Ubuntu 14.04）については、次の回答を参照してください。

スクロールバーを表示する（色を変更する）

上記のvasa1の情報に基づいて、クラシックスクロールバーの色をデフォルトの選択色に変更しました-オーバーレイスクロールバーも同様に使用しています。

GTK 3アプリケーションの場合：

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

行1580から開始し、次のようになります。

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

これはデフォルトです。

GTK 2アプリケーションの場合：

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

223行目から次のようになります。

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のフォーマットと100％同じではないので、お気軽に改善してください。

スクロールバーをクリック可能にする（幅を広げる）

本番環境での使用を意図したものではない愚かな小さな幅を増やすには、同じファイルに次の変更を加えると思います。

GTK 3アプリケーションの場合：

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

行1550を次のように変更します。

.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アプリケーションの場合：

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

34行目を次のように変更します。

GtkScrollbar::slider-width = 16

既に編集済みの完全なファイルを希望する場合は、こちらからダウンロードできます。

GTK 3：gtk-widgets.css

GTK 2：gtkrc

注意してください。バックアップを作成します。

楽しい！:)

Unityについて言及しているため、オーバーレイスクロールバーを参照していると仮定しています。幅の変更方法はわかりませんが、色を変更できます。色が十分にはっきりしている場合、ホバリングすると幅がかなり広くなるため、幅はそれほど問題ではないと感じます。

テーマのフォルダーで、gtkrc（gtk-2.0フォルダー内）およびgtk-widgets.css（gtk-3.0フォルダー内）と呼ばれるファイルを探す必要があります。これらのファイルをテキストエディターで開きます。テーマが〜/ .themesではなく/ usr / share / themesにある場合gksudo geditにのみ使用する必要がある場合がありgeditます。その後、の検索オーバーレイスクロールバーまたはオーバーレイスクロールバーまたはそれらのセクションで指定された色と類似しており、プレイの何か。16進コードで独自の色を指定することもできます。

必要に応じて、2つのファイルに異なる色を設定できます。

変更を視覚化するには、これらのファイルに変更を加えて保存した後に、別のテーマに切り替えたり元に戻したりする必要がある場合があります。

あなたが行った変更は/ usr /シェア/テーマは、システム全体のだろうとの変化〜/ .themesは、ユーザ固有になります。

これは、PCManFMでのオーバーレイスクロールバーの外観です。

編集：従来のスクロールバーを使用している場合、geditなどのgtk-3.0アプリでスライダーとトラフのコントラストを上げるために、上記のgtk-widgets.cssファイルを編集できます。これを行うには、スクロールバー（または同様のもの）というタイトルのセクションを検索し、次のような行を探します。

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

ここでは、シェードを変更することにより、背景画像の値を試すことができます。値が大きいほど明るく、値が小さいほど暗くなります。

私はもっ​​と簡単なことをしたいと思っています。背景画像を背景色に変更し、好きな色を使っています。したがって、たとえば、background-color：red; おそらく顕著なコントラストを与えるでしょう。

私のコードは次のようになります。

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

明らかに、編集する前にバックアップすることをお勧めします。/*また、and を使用して削除する代わりに、gtk-widgets.cssファイルの内容をコメントアウトできます*/。

（回答の投稿中にブロック引用符の書式設定を機能させることができません。誰かがクリーンアップしてくれたら、ありがたいです。）

最後の編集（希望）：ChromeまたはChromiumの ユーザーはgtk-2.0/apps/chromium.rc、テーマが提供する場合はファイルを編集gtk-2.0/gtkrcするか、必要なものが存在する場合は編集することにより、コントラストを高めることができます。どちらの場合でも、セクションの見出しのスタイル「chrome-gtk-frame」を検索する必要があります。ここでも、この（または同様の）行のシェード値で遊んでください：

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

または、次のように単純に色を指定できます。

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

または

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

（引用符は必須です。）

以下のためのUbuntu 14.04（トラスティタール）わずかに異なる修飾が必要とされています。

GTK 3：gtk-widgets.cssの場所：/usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

GTK 2：gtkrcの場所：/usr/share/themes/Ambiance/gtk-2.0/gtkrc

事前にバックアップを作成します。

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/ 

これらのコマンドは、ダウンロードされたファイルgtkrcとgtk-widgets.css現在のディレクトリを想定しています。