修改gtk 3.0主题的菜单颜色

修改gtk 3.0主题的菜单颜色

我正在尝试将 GTK3.0 主题与 xfwm4 主题集成, 在此输入图像描述

现在我需要更改菜单背景颜色,因此我获取了颜色值gcolor并尝试grep获取该值,但在gtk-3.0文件夹下找不到任何内容。

正确的做法是什么?

编辑

彩陶GTK3.0主题

ZukiMac xfwm4 主题

答案1

正确的方法是阅读gtk-*.css文件并找出答案......Gtk+3 主题允许您以多种方式玩转颜色:

您可以使用用于表示颜色的 hex、rgb 或 rgba 值,或者您可以使用在 gtk.css 文件中定义的符号颜色,并以 @ 符号为前缀。您还可以操纵颜色使用 Alpha、阴影、混合等。为了增加透明度,变暗颜色和混合两种颜色分别。

因此,在您的特定情况下 - Faience GTK,有问题的文件是gtk-main.cssgtk-widgets.css(后者通常引用前者中定义的颜色)。
gtk-widgets.css第 994 行(菜单栏部分)你有:

background-color: @toolbar_gradient_start;

表示菜单背景颜色toolbar_gradient_startgtk-main.css第44行定义:

@define-color toolbar_gradient_start shade (@theme_bg_color, 0.85);

toolbar_gradient_start的阴影也是如此theme_bg_color,在第 2 行定义为#eeeeee。如果您打开gcolor2并输入,#eeeeee您将获得 rgb 代码(238,238,238)。根据上面的颜色定义,0.85 阴影表示 rgb (203,203,203),其十六进制形式正是我在屏幕截图中使用菜单栏上的颜色选择器时所报告的#CBCBCB内容。gcolor2

所以基本上,您所追求的颜色是 中定义的主要 gtk 主题背景颜色的阴影gtk-main.css。改变颜色定义会改变颜色,例如(我注释掉了原始代码):

@define-color toolbar_gradient_start #f05959;
@define-color toolbar_gradient_end #e9a2a2;
/* @define-color toolbar_gradient_start shade (@theme_bg_color, 0.85);
@define-color toolbar_gradient_end shade (@theme_bg_color, 0.75); */

将使菜单栏看起来像这样:

在此输入图像描述

相关内容