增加突出显示的按钮边框厚度 (GNOME)

Mar*_*ian 6 gnome appearance gtk window button

有什么方法可以增加 gnome 窗口中突出显示(又名选定)按钮周围的边框的可见性(例如厚度、对比度或颜色)?TBH 有时在默认版本中几乎不可见。PS:我使用的是 GNOME 3.28.2。

这是说明问题的屏幕截图(来自评论中发布的链接):

Nautilus 中的模糊轮廓

DK *_*ose 3

从海报提供的图片来看,主题似乎是Ambiance

以下代码将提供一些缓解:

* {
    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
}
Run Code Online (Sandbox Code Playgroud)

路线#1:

可以使用纯文本编辑器将此代码添加到~/.config/gtk-3.0/gtk.css中。(如果文件和文件夹不存在,只需创建它们。)

* {    
    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
    outline-radius: 2px;
}
Run Code Online (Sandbox Code Playgroud)

您可以查看CSS 轮廓属性以获取更多选项。

应当指出的是

  • 放置在~/.config/gtk-3.0/gtk.css中的代码将影响所有gtk3 应用程序和所有gtk3 主题。
  • 这些值可以根据需要进行调整。
  • 省略颜色可能更好,这样无论涉及的背景颜色如何,都可以获得对比度(如下面的动画所示)。

路线#2:

如果您想尝试其他主题,修改~/.config/gtk-3.0/gtk.css可能不是最好的方法,因为此文件中的代码适用于所有gtk3 主题:显然,如果特定主题已经有其以自己的方式处理大纲问题可能会产生不良影响。

出于这个原因,我更喜欢编辑主题本身,以便更改仅限于特定主题。

在本例中,我编辑了usr/share/themes/Ambiance/gtk-3.20/gtk-widgets.css,使前几行如下所示:

* {
    -GtkHTML-link-color: #f07746; /* @link_color */
    -GtkIMHtml-hyperlink-color: #f07746; /* @link_color */
    -GtkTextView-error-underline-color: #df382c; /* @error_color doesn't work due to a gtk bug */
    -WnckTasklist-fade-overlay-rect: 0;

    background-origin: border-box;
    background-clip: padding-box;

    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
}

.background {
    color: @fg_color;
    background-color: @bg_color;
}
Run Code Online (Sandbox Code Playgroud)

以“outline-”开头的三行是我添加的行。

在下面的动画中,请注意轮廓颜色因背景而异:

使用“轮廓”来提高可视性

几张图像显示了通过如上所述编辑 Ambiance 主题或 gtk.css 可以产生的差异:

前:

之前:默认操作的按钮可能很难辨别

后:

编辑后默认操作按钮很明显

  • 极好的!您的解决方案非常有效。太感谢了!:) (2认同)