Настройка цвета вкладки терминала в Ubuntu 17.10

По умолчанию это выглядит так:

enter image description here

Мне не нравится это, и я хочу, чтобы оно было темным, поэтому я добавляю это к моему ~/.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);
}

Результат:

enter image description here

Что лучше, но активнее вкладка не подсвечивается.

Моя ссылка 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 не работает?

Спасибо!

7
задан 29 December 2017 в 16:37

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;

}

Это приведет к:

screenshot with highlighted tab

4
ответ дан 29 December 2017 в 16:37

Другие вопросы по тегам:

Похожие вопросы: