☰

如何更改 Firefox 中滚动条的颜色？

tag-icon • tag-icon firefox scrollbar
如何更改 Firefox 中滚动条的颜色？

由于滚动条的颜色与背景相同，所以我看不清自己在页面中的位置……

我可以更改颜色吗，也许使用 ./gtk-2/apps/ff.rc ？我找不到任何相关信息。

谢谢。

答案1

我的主题是氛围，我添加了

style "scrollbar" {
    bg[NORMAL]  = shade (0.9, @selected_bg_color)
    bg[SELECTED]    = shade (0.7, @selected_bg_color)
    bg[ACTIVE]  = shade (0.7, @selected_bg_color)
    bg[PRELIGHT]    = shade (0.7, @selected_bg_color)

    GtkScrollbar::trough-border = 2

    engine "murrine" {
        roundness   = 8
        border_shades   = {1.0, 1.0}

        contrast    = 0.0
    }
}

在 ~/.theme/copy_of_the_Ambiance_theme/gtk-2.0/gtkrc 中调整色调后，它就起作用了。

答案2

Firefox 44.0.2 / Ubuntu 14.04 / NoiaScrollbars 1.2.4

对于像我这样的新手来说，最简单的方法就是安装一个插件。

NewScrollbars 又名 NoiaScrollbars成功了。

更新 - 自 Ubuntu 16.04 以来，Firefox 滚动条就已经可见，并且此附加组件似乎与较新版本的 Firefox 不兼容，但我会将此答案留给仍在运行 14.04 的任何人。

答案3

所有网站都存在这个问题吗？可能是页面在代码中处理滚动条，或者在 html 中禁用了溢出。

您是否应用了主题？检查“工具”>“附加组件”>“外观”，然后切换到默认主题，以再次检查这不是问题所在。

您是否安装了扩展程序（如 NewScrollbars）或插件，它们可能会改变 Firefox 滚动条的处理方式？如果是，请禁用它们并重试。

如果以上情况均不属实，Firefox 将使用当前桌面主题作为其颜色（包括滚动条）。尝试将当前桌面主题切换为默认主题（或至少切换为其他主题），看看问题是否得到解决。

答案4

Firefox 73.0

通过在 Firefox 配置文件夹中创建新的 gtk.css，可以更改 Firefox 滚动条的外观。对我来说，它位于 ~snap/firefox/323/.config/gtk-3.0 ，但如果您没有 snap 版本，它可能位于其他位置。

gtk.css 文件应包含以下代码，以允许您调整垂直和水平滑块的外观：

scrollbar.vertical 滑块 {

/* Slider dimensions */

min-width: 12px;
min-height: 70px;

/* Curvature top and bottom of the slider */

border-radius: 12px;

/* Padding around the slider */

border: 4px solid transparent;

/* Colour of the slider */

background-color: #666699;

}

scrollbar.水平滑块{

/* Slider dimensions */

min-width: 70px;    
min-height: 12px;

/* Curvature top and bottom of the slider */

border-radius: 12px;

/* Padding around the slider */

border: 4px solid transparent;

/* Colour of the slider */

background-color: #666699;

}

只需尝试一下这些值，直到找到你喜欢的颜色。网上有各种颜色查找器，它们会为你提供给定颜色的十六进制值。

相关内容