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

Question

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

我不喜欢它并希望它变暗，所以我将它添加到我的~/.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不起作用吗？

谢谢！

Answer 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;

}

这将导致：