如何更改滚动条的颜色?

Unity中的滚动条具有非常低的对比度,我无法看到条形图仅使用周边视觉。 我必须看一下滚动条。

查看Mac OS X界面并注意蓝色对比滚动条。 您无需直接查看它就可以了解您在页面中的位置。

如何更改它以使其具有更高的对比度,我每次都能看到我的位置?

有点晚了,但也许我找到了一个非常好的,简单的GUI解决方案:

GNOME的颜色选取 安装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获得叠加滚动条之前,我对自定义颜色非常满意:)

我建立在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} } } 

保存,然后通过切换主题或注销来应用更改。

新的,令人敬畏的,可用的滚动条可能如下所示:

找到解决方案: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中的滚动条是黑色的黑色,只是看不见。 很时尚,是的! 还需要编辑该主题。

以上更改了使用gtk2主题文件的应用程序的滚动条。 gnome-color-chooser也是如此(至少是当前存储库中的那个)。 对于gtk3应用程序,如13.04中的gnome-terminal和gedit,使用gnome-fallback,需要更改/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。 这里不包括小蜱和适当的步进器。

虽然不能直接回答这个问题,但如果你不喜欢新的滚动条(我不怪你,我个人认为它们非常可怕),你可以通过运行以下命令恢复标准滚动条:

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

另一种选择:

彩色滚动条附带的一些主题(Adwaita,NewLooks等)具有可以轻松更改的滚动条,可以使用dconf-editor更改selected_bg_color设置: 如何更改“所选项目”颜色?

我对电脑知之甚少。 我的Flatron E2211显示器右下方有按钮。 我进去并调整了对比度,大大提高了滚动按钮的可见性。 奇怪的是,我将对比度向下调整以获得改善。 去搞清楚。