Допиливание темы рабочего стола Gtk3/Unity

[Vilisvir]

Взялся переделывать серую тему на чёрную на Ubutu 16.04. За основу взял Ambiance Dark Blue. В каталоге gtk-3.0/gtk-main.css поправил строчку @define-color base_color #000000; и получил чёрный цвет фона вместо серого; поправив строчку @define-color text_color #b3b3b3 получил серый шрифт вместо белого.

При этом имеется несколько вопросов, которые методом тыка так и не решились: * Вместе с цветом шрифта названий каталогов и файлов серым стал шрифт заголовков окна и меню. Хотелось бы его оставить белыми #ffffff. * В некоторых приложениях и диалогах не видны области где можно установить чекбокс или радиокнопку. Но если поставить, то видно кружочек или галочку. А в других, вроде GIMP, всё видно.

Архив с темой https://yadi.sk/d/NTQO0KSc3GTfvN

[andytux]

Тема оформления - тот еще кроссворд. Что там у нас по горизонтали.

Вместе с цветом шрифта названий каталогов и файлов серым стал шрифт заголовков окна и меню. Хотелось бы его оставить белыми #ffffff.

Тут два варианта. Изменять глобальный text_color (как сделали вы), а потом исправлять цвет тех элементов, которые вам не понравились. Или оставить глобальный text_color белым, а изменять только цвета отдельных элементов.
В стандартной Ambiance цвет меню задается в файле gtk-widgets.css примерно так

(Нажмите, чтобы показать/скрыть)

GtkTreeMenu.menu,
.toolbar .header-bar .menu,
GtkMenuToolButton.menu,
.primary-toolbar .button .menu,
.header-bar .button .menu,
.menu {
    background-image: none;
    background-color: shade (@dark_bg_color, 1.08);
    border-bottom-color: shade (@dark_bg_color, 0.96);
    border-left-color: shade (@dark_bg_color, 0.;
    border-right-color: shade (@dark_bg_color, 0.;
    border-top-color: shade (@dark_bg_color, 0.96);
    padding: 0;
    border-width: 1px;
    border-style: solid;

    color: @dark_fg_color;

    box-shadow: inset 0 1px shade (@dark_bg_color, 1.18),
                inset 0 -1px shade (@dark_bg_color, 1.18),
                inset -1px 0 shade (@dark_bg_color, 1.16),
                inset 1px 0 shade (@dark_bg_color, 1.18);
   
    margin: 1px;
}

Параметр color. Но зачастую параметры переопределаются в самых неожиданных местах.
Надо искать конкретно в вашей теме.

В некоторых приложениях и диалогах не видны области где можно установить чекбокс или радиокнопку. Но если поставить, то видно кружочек или галочку. А в других, вроде GIMP, всё видно

Есть приложения gtk-3. Например gedit или eog. Для них настройки находятся в каталоге gtk-3.0. Есть приложения gtk-2, например gimp. Для них настройки в каталоге gtk-2.0. Можно настроить их максимально похожими, а можно сделать совершенно разными.
Опять на примере стандартной Ambiance о чекбоксах и радиокнопках в приложениях gtk-3.
Их вид задается в файле gtk-widgets-assets.css. Фрагмент кода:

(Нажмите, чтобы показать/скрыть)

...
.check {
    -gtk-icon-source: url("assets/check-unselected.png");
}

.check:hover {
    -gtk-icon-source: url("assets/check-unselected-hover.png");
}
...

Видим что это всего лишь иконки. Отсюда два варианта. Заменить название иконки, на ту, которая вам по вкусу. Или подменить сами иконки.
Впрочем есть третий вариант - формировать эти элементы средствами самого gtk. Примерно так:

(Нажмите, чтобы показать/скрыть)

...
.check,
.check row,
.check row:selected,
.check row:selected:focus,
.primary-toolbar .menu .check,
.menubar.toolbar .menu .check,
.header-bar .menu .check,
.toolbar .menu .check,
.menu .check,
.radio,
.radio row,
.radio row:selected,
.radio row:selected:focus,
.primary-toolbar .menu .radio,
.menubar.toolbar .menu .radio,
.header-bar .menu .radio,
.toolbar .menu .radio,
.menu .radio
{
  background-color: alpha(@tooltip_bg_color, 0.;
  border: 2px solid;
  border-bottom-color: alpha(@bg_color, 0.4);
  border-left-color: alpha(@bg_color, 0.;
  border-right-color: alpha(@bg_color, 0.6);
  border-top-color: alpha(@bg_color, 0.9);
  border-radius: 2px;
}
...

[Vilisvir]

Опять на примере стандартной Ambiance о чекбоксах и радиокнопках в приложениях gtk-3.
Их вид задается в файле gtk-widgets-assets.css. Фрагмент кода:
(Нажмите, чтобы показать/скрыть)
...
.check {
    -gtk-icon-source: url("assets/check-unselected.png");
}

.check:hover {
    -gtk-icon-source: url("assets/check-unselected-hover.png");
}
...
Видим что это всего лишь иконки. Отсюда два варианта. Заменить название иконки, на ту, которая вам по вкусу. Или подменить сами иконки.

Спасибо за ответ. Именно так я поступил вначале и получил нулевой результат...
Подсказали, что в gtk-widgets.css добавить параметр:

Код: [Выделить]

check,
radio {
    border: solid 1px grey;
}
Я получил вполне приемлемый вариант:


Поигравшись с * Menu * в gtk-widgets.css, настроив color: white; я таки добился результата:


А вот цвет текста заголовка окон пока не поддаётся укрощению...

[andytux]

Докладаю все без врак. До сего дня не знал как подступиться к заголовкам окна.
Сегодня глянул как там в Ambiance и добавил себе такой код:

(Нажмите, чтобы показать/скрыть)

.titlebar.header-bar
{
  background-image: -gtk-gradient(linear, left top, left bottom,
    from(alpha(@bg_color, 0.),
      color-stop(0.1, alpha(#800040, 0.),
      color-stop(0.3, alpha(#800080, 1)),
      color-stop(0.6, alpha(#000020, 0.),
    to(alpha(@bg_color, 0.4)));
  border-color: alpha(@bg_color, 0.4);
  border-style: solid;
  border-width: 4px 0 0 0;
  border-radius: 4px 4px 0 0;
  color: #ff0000;
  font-size: x-large;
    text-shadow: 0 -1px shade (@bg_color, 0.7);
    box-shadow: inset 0 1px shade (@bg_color, 1.65);
}

В unity настройки сработали только в gedit. В его окне настроек заголовок нарисовался в соответстии с этоми установками. Заголовок окна самого gedit остался без изменений.
Пробовал запускать: nautilus, calculator, eog, gnome-terminal. Никаких изменений.
Запустил эти-же программы в LXDE. Nautilus и gnome-terminal не приняли этих настроек.
Calculator, eog, gedit сработали. Заголовки нарисовались в соответствии с этими настройками.
text-shadow, box-shadow не разглядывал. Остальные параметры срабатывают как положено, достаточно перезапустить программу.

[Vilisvir]

Помогла правка color`ов в apps/unity.css.
Готовая тема https://yadi.sk/d/NTQO0KSc3GTfvN

[andytux]

Поправка к предыдущему моему посту. В LXDE eog принял настройки только заголовок самой программы. Заголовок окна настроек не изменился.
Сегодня "отключил" unity.css - изменений не заметил.

Пользователь добавил сообщение 30 Марта 2017, 05:25:05:Загружаюсь в unity. "Подключил " unity.css. Внес изменения в UnityDecoration.top, UnityDecoration.top:backdrop. Nautilus, transmission, eog подхватили изменения. Если открыть окно настроек, то оно получает настройки из UnityDecoration.top, а основное окно программы из UnityDecoration.top:backdrop.
Отличился gedit. В нем основное окно получило настройки из UnityDecoration.top:backdrop, а окно настроек из .titlebar.header-bar.
Так-что на самом деле все не так, как на самом деле.

[Skiron76]

Чекбоксы и кнопки тоже пропадали. Оказалось чем то я "поправил" файл gtk3.0/assets. Видимо после установки-сноса Гнома, пропали некоторые значки кнопок. Копирнул с другой темы и Ок.