在 Ubuntu 17.10 中自定义终端选项卡颜色

在 Ubuntu 17.10 中自定义终端选项卡颜色

默认情况下它看起来像这样:

在此处输入图片描述

我不喜欢它并且希望它是黑暗的,所以我将它添加到我的~/.config/gtk-3.0/gtk.css

terminal-window notebook tab {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@fg_color, 0.92)),
                                     color-stop (0.60, shade (@fg_color, 0.9)),
                                     to (shade (@fg_color, 0.85)));
    color: @bg_color;
}

terminal-window notebook tab:active {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                    from (shade (@dark_bg_color, 1.2)),
                                    to (shade (@dark_bg_color, 1.12)));

   -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 1.0);
}

结果是:

在此处输入图片描述

哪一个更好,但是活动选项卡没有突出显示。

我的参考是http://bazaar.launchpad.net/~maxb/ubuntu/trusty/ubuntu-themes/colours/view/head:/Ambiance/gtk-3.0/apps/gnome-terminal.css,但TerminalWindow .notebook tab选择器没有效果,所以我把它改成了terminal-window notebook tab(灵感来自https://github.com/horst3180/arc-theme/blob/master/common/gtk-3.0/3.20/gtk.css#L3017,不确定为什么选择器中存在这种差异?)并且它可以工作,但没有:active选择器。

知道为什么选择器存在这种差异以及为什么:active不起作用吗?

谢谢!

答案1

您可以使用以下样式来使标签页工作:

/* gnome-terminal */
@define-color terminal_bg #300a24;
@define-color bg_color_active_tab #157bb7;


notebook.terminal-notebook header.top tab,
notebook.terminal-notebook header.top tab:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                    from (shade (@fg_color, 0.92)),
                                    color-stop (0.60, shade (@fg_color, 0.9)),
                                    to (shade (@fg_color, 0.85)));
    color: @bg_color;
}

notebook.terminal-notebook header.top tab:checked {
    background-image: -gtk-gradient (linear, left top, left bottom,
                    from (shade (@bg_color_active_tab, 1.2)),
                    to (shade (@bg_color_active_tab, 1.12)));
    color: @bg_color;

}

这将导致:

带有突出显示标签的屏幕截图

相关内容