![Ubuntu 18.04 忽略我的 gtk.css 文件](https://linux22.com/image/914137/Ubuntu%2018.04%20%E5%BF%BD%E7%95%A5%E6%88%91%E7%9A%84%20gtk.css%20%E6%96%87%E4%BB%B6.png)
在 Ubuntu 16.04 中,我创建了一个文件~/.config/gtk-3.0/gtk.css
来替换细长的滚动条(在 Firefox 和 emacs 上),当您将鼠标悬停在滚动条上时,它会变宽,并将滚动条的颜色更改为庄重的灰色,并在顶部和底部设置按钮以单步执行:
.scrollbar {
-GtkScrollbar-has-backward-stepper: true;
-GtkScrollbar-has-forward-stepper: true;
-GtkRange-slider-width: 16;
-GtkRange-stepper-size: 16;
background-color: LightGray;
}
/*
.scrollbar.slider {
background-color: DarkGray;
border-radius: 1px;
}
*/
.scrollbar.slider {
border-color: shade (@bg_color, 0.4);
background-image: -gtk-gradient (linear, left top, right top,
from (shade (@button_bg_color, 0.9)),
to (shade (@button_bg_color, 0.8)));
box-shadow: inset 1px 0 shade (@bg_color, 0.85),
inset -1px 0 shade (@bg_color, 0.62),
inset 0 1px shade (@bg_color, 0.9),
inset 0 -1px shade (@bg_color, 0.62);
}
此文件似乎对 Ubuntu 18.04 没有影响。我非常想消除只有鼠标悬停时才会变宽的细滚动条,并将颜色从默认的橙色更改为漂亮的灰色。有人能告诉我如何在 Ubuntu 18.04 中实现这一点吗?
答案1
我正在回答我自己的问题,因为没有人提出任何建议,但经过长时间的试验,我找到了一些基本可行的方法。我在 ~/.config/gtk-3.0/settings.ini 中有以下内容
[Settings]
gtk-application-prefer-dark-theme=0
gtk-primary-button-warps-slider = false
并在 ~/.config/gtk-3.0/gtk.css 中添加以下内容
scrollbar slider {
/* Size of the slider */
min-width: 18px;
min-height: 18px;
border-radius: 15px;
/* Padding around the slider */
border: 1px solid #606307;
}
scrollbar trough {
background-color: shade(@theme_bg_color, 0.5);
}
scrollbar button,
scrollbar button.vertical,
scrollbar button.horizontal,
scrollbar .button,
scrollbar .button.vertical,
scrollbar .button.horizontal {
color: shade(@theme_bg_color, 0.10);
background-color: shade(@theme_bg_color, 0.6);
}
scrollbar.vertical slider,
scrollbar.vertical .slider {
background-image: radial-gradient(ellipse at center, DarkGray 0%, LightGrey 100%);
}
scrollbar.horizontal slider,
scrollbar.horizontal .slider {
background-image: radial-gradient(ellipse at center, DarkGray 0%, LightGray 100%);
}
这会在 Firefox 和 Emacs 中生成一个宽滚动条,滚动条上有一个浅灰色滑块,背景为深灰色。我希望知道为什么这样做有效,但我没有找到任何文档来解释各种命令。这造成的一个奇怪的事情是,在 Emacs 中,滚动条很细,直到鼠标第一次经过它,此时它变宽并保持宽度。此外,Emacs 中的滚动条有时看起来更细,部分覆盖在更宽的滚动条上,这种方式仍然可用,但非常奇怪。
答案2
很抱歉,我没有更好的答案,但是,无论如何,我一直在尝试为此建立一个参考框架,到目前为止,还没有找到:
我的目标只是为 XUbuntu 16.04 下的面板应用程序设置工作区插件 (wnck-pager?) 的背景颜色。根据我在其他地方找到的另一个答案提示,我从头开始创建了 gtk.css (一开始没有),如下所示:
~/.config/gtk-3.0 cat gtk.css
wnck-pager { background-color: #0F0000; } wnck-pager:selected { background-color: #00000F; } wnck-pager:hover { background-color: #000FA0; }
这使我能够看到我处于哪个工作区,因为默认背景颜色非常相似,很难注意到。然而,在尝试将此修复程序导出到相邻的 Xubu 16.04 系统时,我发现了一个更加华丽的 gtk.css 文件,其中的引用看起来可能相关。但是,我还没有找到相关文档。我认为这可能是名为“mono”的项目的一部分……但你看,这是一个典型的鼠洞情况,我想要做的就是找到一种方法来设置面板应用程序下工作区的“悬停”和“选定”背景颜色。
底线:在第二个系统(具有更大的 gtk.css 文件的系统)上,我将该文件放在一边,并安装了上面列出的文件,只是为了查看 a) 是否有任何损坏,以及 b) 我是否可以更改面板上工作区选定的背景颜色。没有明显的损坏(通过删除更复杂的 gtk.css 文件)。但是,我放在其位置的非常简单的 gtk.css 文件在第二个 Xubuntu 16.04 工作站上不起作用。两个系统上的 gtk.css 文件相同,都是 16.04 Xubuntu,一个可以工作,一个不能。
不确定我还需要投入多少时间来解决这个问题,但无论我得到什么额外的结果,我都会将它们发布在这里。
版主请注意:我知道这并没有回答问题,但是,我分享了我的研究成果。(感谢 StackExchange。一个杰出的、无价的资源。)
答案3
通过在 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;
}
只需尝试一下这些值,直到找到你喜欢的颜色。网上有各种颜色查找器,它们会为你提供给定颜色的十六进制值。