☰

如何编辑 gtk3 主题的标题栏颜色和边框宽度？

tag-icon • tag-icon themes gtk3
如何编辑 gtk3 主题的标题栏颜色和边框宽度？

有人能告诉我编辑哪个文件和项目可以更改 gtk3 主题中的标题栏和边框宽度吗？我正在使用 Ubuntu 版本 14.04。

注意：这与使用存储库中的主题（14.04）。

答案1

编辑目录中的文件：

/usr/share/themes/[Themename]/gtk-3.0/apps/unity.css

为了避免破坏原始主题，最好将它们复制到您的个人区域并使用不同的名称，然后进行更改。主题将以您复制它们到的主题名称出现在主题选择器中。

每个用户的主题区域：

~/.themes/[Theme Name]

具体来说，对于这个问题，您可以通过以下方式更改标题栏的颜色：（有很多方法，但这是一个开始，将 Radiance 主题的活动小部件的边框颜色从原始默认灰色更改为亮蓝色）。

1 (边框顶部)

UnityDecoration.top {

更改自：

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#edebe6, 1.06)),
                                 to (@dark_bg_color));

改成：

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.06)),
                                 to (shade (#0000ff, 1.0)));

2（右侧和左侧边框）

UnityDecoration.left,
UnityDecoration.right {

更改自：

background-image: -gtk-gradient (linear, left top, left bottom,
                                 color-stop (0, #a89686),
                                 color-stop (0.5, #a89686),
                                 color-stop (1, shade (@bg_color, 0.7)));

改成：

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.0)),
                                 to (shade (#0000ff, 1.0)));

3（边框底部）

UnityDecoration.bottom {

改成：

background-image: -gtk-gradient (linear, left top, left bottom,
                                 from (shade (#0000ff, 1.0)),
                                 to (shade (#0000ff, 1.0)));

您可以使用“:backdrop”条目执行相同的操作，以更改非活动窗口边框的颜色。#0000ff 颜色代码为蓝色。我将背景设为 #0000ff，以便轻松分辨我打开的众多窗口中的哪一个是活动的。

由于框架颜色较深（在更改 Radiance 主题的浅色边框后），必须将文本颜色从默认的黑色更改为易于阅读。为此，请在每个功能块中使用以下内容：

text-shadow: none;
color: white;

这处理了修改后的主题的框架颜色和文本。对于边框宽度：

编辑块：

UnityDecoration{

更改自：

-UnityDecoration-extents: 28px 0 0 0;

改成：

-UnityDecoration-extents: 28px 6 6 6;

功能详情请参阅：

https://wiki.ubuntu.com/Unity/Theming

您必须使用 unity-tweak-tool 来选择您的自定义主题：

$ sudo apt-get install unity-tweak-tool

相关内容