Gnome 终端选项卡：活动和非活动选项卡之间没有对比

Question

在 Ubuntu 13.04 中，我经常在 gnome-terminal 中打开多个选项卡。问题是，虽然我可以设置每个选项卡的标题，但很难分辨哪个选项卡是活动的——活动选项卡和非活动选项卡之间的颜色和渲染差异是如此微妙，以至于必须研究选项卡栏非常小心。

有没有办法让这种对比更加明显？

Answer 1

我正在使用 Ambience 主题运行 Ubuntu 13.10 - 遇到了同样的问题。

解决方案：编辑~/.config/gtk-3.0/gtk.css（您可能必须创建它）并添加：

TerminalWindow,
TerminalWindow.background {
        background-color: #6e6e6e;
        color: #000000;
}

TerminalWindow .notebook tab {
        padding: 2;
        background-color: #6e6e6e;
}

TerminalWindow .notebook tab:active {
        background-color: #d1d1d1;
}

Answer 2

这是在 ubuntu 14.04 中对我有用的方法，我尝试保持相似的整体外观，并使非活动选项卡不那么亮。

编辑文件 ~/.config/gtk-3.0/gtk.css

包含装有

TerminalWindow .notebook tab:active {
    background-color: #f5f4f3;
    foreground-color: #000000;
}

TerminalWindow .notebook tab {
    background-color: #d2d1d0;
    foreground-color: #2e2d2c;
}

关闭所有终端窗口启动并测试

编辑：使用一段时间后，很明显活动和非活动选项卡之间的显着差异是不够的。

我认为有必要第一眼就能分辨出一个不活动的选项卡 - 不用看它的侧面。

所以这是更新的配置（较暗的非活动选项卡）：

TerminalWindow .notebook tab:active {
    background-color: #f5f4f3;
    foreground-color: #000000;
}

TerminalWindow .notebook tab {
    background-color: #a2a1a0;
    foreground-color: #1e1d1c;
}

Answer 3

如果你想让活动标签的文本更明显，你可以像这样修改它的标签，

编辑文件 ~/.config/gtk-3.0/gtk.css

TerminalTabLabel.active-page .label {
    color: cyan;
    font-weight: bold;
}

在 gnome-terminal 3.17.91 中测试

这是我在 Ubuntu 15.10 和 gnome-terminal 3.16.2 上使用的内容。较小的标签尺寸允许终端使用更多的屏幕区域，我已经尝试过活动和非活动标签之间的对比。我认为标签标签文本在不应用粗体样式的情况下看起来更好。

/* gnome-terminal */
@define-color term-win-bg           #262626;
@define-color term-tab-inactive-bg  #333333;
@define-color term-tab-active-bg    #424242;
@define-color ubuntu-orange         #fb9267;

TerminalScreen {
    -TerminalScreen-background-darkness: 0.95;
    background-color: @term-win-bg;
}


TerminalWindow .notebook {
    border: 0;
    padding: 0;
}


TerminalWindow .notebook tab {
    border: 0;
    border-radius: 0px;
    border-image: -gtk-gradient (linear, left top, left bottom,
                                from (alpha (shade (@term-win-bg, 0.9), 0.0)),
                                to (shade (@term-win-bg, 0.9))) 1;
    border-image-width: 0 1px;
    border-color: transparent;
    border-width: 0;
    box-shadow: none;
    background-color: shade(@term-tab-inactive-bg, 1);
}


TerminalWindow .notebook tab:active {
    border: 0;
    border-radius: 0px;
    background-color: shade(@term-tab-active-bg, 1);
}


TerminalTabLabel.active-page .label {
    /*color: @bg_color;
    font-weight: bold
    color: @ubuntu-orange; */
    color: cyan;
}