答案1
从图片从海报来看,主题似乎是氛围。
下面的代码可以缓解一些压力:
* {
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 可以产生的变化,如上所述: