スクロールバーの色を変更するには?


20

Unityのスクロールバーはコントラストが非常に低く、バーが周辺視野だけを使用している場所がわかりません。スクロールバーを見なければなりません。

Mac OS Xのインターフェイスを見て、青い対照的なスクロールバーに注目してください。ページ内の現在位置を把握するために、直接見る必要はありません。

それを変更してコントラストを高め、毎回自分がどこにいるかを確認するにはどうすればよいですか?


1
@culebrón は、放射状のぼかしと「非表示」スクロールバーを使用したスクリーンショットです。必要に応じて質問に追加します。
トム・ブロスマン

@culebrón この質問はおそらくあなたが直面している問題でしょうか?
ブルーノペレイラ


SEサイトに不適切な質問を提案する:開発者はなぜこのような低コントラストのスクロールバーが良いUIだと思ったのですか?
ニューロネット

回答:


19

少し遅れましたが、多分私は非常に素晴らしい、簡単なGUIソリューションを見つけました:

gnome-color-chooser gnome-color-chooserをインストールする

Gnome Color Chooserのスクロールバー設定

ハイライト:

  • 完全にGUIソリューション、手動でいじる必要はありません ~/.gtkrc
  • チェックする設定のみを変更します。チェックを外すと、デフォルトに戻ります。
  • をクリックするとすぐに変更が適用されますApply。テーマを前後に切り替える必要はありません
  • sudoは必要ありません(ただし、変更はユーザーのみに適用されます)
  • 「レガシー」スクロールバー(修正が必要なもの)にのみ適用されます。「オーバーレイ」スクロールバーは変更されません。

変更は目立たない:~/.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の「モノクロ風」スタイルとうまく調和し、デフォルトよりも少しだけ暗い(したがって、見やすい)です。

Firefoxがオーバーレイスクロールバーを取得するまで、カスタムカラーに非常に満足しています:)


Unity Ubuntu 14.04でこれを試してみましたが、これまでに気付いたスクロールバーには影響がありませんでした(再起動後も含む)。
ニューロネット

@neuronet:はい、Firefoxの最近のバージョン(45または47以降)で機能しなくなったことに気付きました
-MestreLion

Unity開発者がこれをシステム設定の目立つ部分にすることができないのはなぜですか?これに悩まされていた時間は、新しいOSを開発できたかもしれません。:)
ニューロネット

11

私はクレブロンが説明したものの上に構築し、誤ってかなり素晴らしいと思うものを作成しました...

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

保存してから、テーマを切り替えるかログアウトして、変更を適用します。

新しい、素晴らしい、そして使用可能なスクロールバーは次のようになります。


何らかの理由で、これを行っても端末のスクロールバーにはまったく影響しません。私もいじくり回しました/usr/share/themes/Ambiance/gtk-2.0/apps/gnome-terminal.rcが、喜びはありません!
-adarshr

申し訳ありませんが、ターミナルのスクロールバーを支援するためのテーマ設定については十分に詳しくありません。うまくいけば、他の誰かが解決策を取り入れることができます。:)
askuhn

9

上記は、gtk2テーマファイルを使用するアプリケーションのスクロールバーを変更します。gnome-color-chooserも同様です(少なくとも現在のリポジトリにあるもの)。13.04でgnome-fallbackを使用するgnome-terminalやgeditのようなgtk3アプリケーションの場合、変更する必要があります/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に次のようなスクロールバーが表示されます。

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

これは上記のgtk2のものと似ています。ただし、小さな目盛りと適切なステッパーは含まれていません。


14.04の端末で動作します、ありがとう。
マークシーバー14

3
これは、firefox 46以上のようなgtk3アプリに最適です。元のテーマファイルを変更する代わりに、〜/ .config / gtk-3.0 / gtk.cssに変更を追加して、元のファイルを保持しながら各ユーザーに好みの外観を与えることができます。
yoyoma2

8

解決策を見つけました: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行目で宣言されている色を見て、好みの色を選択します。外観を更新するには、システム設定/外観で、テーマを別のテーマに変更し、Ambianceに戻します。

編集: XtermがRadianceテーマを使用しているようです。Radianceのスクロールバーは黒地に黒で、見えません。とてもスタイリッシュです!そのテーマも編集する必要があります。


バグレポートを提出して開発者に通知してください。スクロールバーの色を設定する必要があり、ユースケースでこれを強調します。ありがとう。
fossfreedom

@ fossfreedom、OPはLibreOfficeやFirefoxで見られる従来のスクロールバー(gtk-2.0)を参照していると思うので、「Unityスクロールバー」から「Unity」を編集できると思います。「Unity」をそのままにしておくと、それが「新しい」オーバーレイスクロールバーについて語られているという印象を与えます。

@ vasa1 -私はこの1つ... OPの答えをもらおう
fossfreedom

システム全体ではなく、ユーザーのディレクトリでこの変更を行うことをお勧めします
Jorge Castro

1

質問に対する直接的な答えではありませんが、新しいスクロールバーが嫌いな場合(私はあなたを責めません、私の個人的な意見では非常に恐ろしいです)、次のコマンドを実行して標準のスクロールバーに戻すことができます:

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

編集が役立ったため、OPがオーバーレイスクロールバーではなく、従来のスクロールバーに関係している可能性があり/usr/share/themes/Ambiance/gtk-2.0/gtkrcます。

彼らは大丈夫です、彼らはスタイリッシュに見えますが、「スタイリッシュ」なものは明らかに使いやすさを犠牲にしてここではやり過ぎです。同じことは、すべて小文字の文字またはすべて大文字の「ubuntu」で書く方法にも当てはまります。スティックが線からはみ出しているほど、読みやすさは悪くなります。
クレブロン

質問は明らかに、従来の(または「レガシー」)スクロールバーに関するものです。これは、コントラストの低いスクロールバーだからです。新しいオーバーレイスタイルは気に入っても気に入らなくてもかまいませんが、グレーの薄いオレンジ色には少​​なくとも適切なコントラストがあります。
メストレリオン

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.