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

从海报提供的图像来看，主题似乎是Ambiance。

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

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

路线#1：

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

* {    
    outline-style: solid;
    outline-offset: -2px;
    outline-width: 2px;
    outline-radius: 2px;
}

您可以查看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;
}

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

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

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

前：

后：