web-dev-qa-db-fra.com

Personnalisation de la couleur des onglets du terminal dans Ubuntu 17.10

Par défaut cela ressemble à ceci:

enter image description here

Je n'aime pas ça et je veux qu'il fasse noir, alors j'ajoute ceci à mon ~/.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);
}

Le résultat est:

enter image description here

Quel est le meilleur, mais l'onglet actif n'est pas en surbrillance.

Ma référence est http://Bazaar.launchpad.net/~maxb/ubuntu/trusty/ubuntu-themes/colours/view/head:/Ambiance/gtk-3.0/apps/gnome-terminal.css =, mais le sélecteur TerminalWindow .notebook tab n'a pas d'effet, je l'ai donc changé en terminal-window notebook tab (inspiré par https://github.com/horst3180/arc-theme/blob/master/common) /gtk-3.0/3.20/gtk.css#L3017 , vous ne savez pas pourquoi cette différence de sélecteur existe?) et cela a fonctionné, mais pas avec le sélecteur :active.

Avez-vous une idée de la raison pour laquelle cette différence entre les sélecteurs et pourquoi :active ne fonctionne pas?

Merci!

6
umpirsky

Vous pouvez utiliser le style suivant pour que l'onglet fonctionne:

/* 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;

}

Cela se traduira par:

screenshot with highlighted tab

5
Jurrian Fahner