Я пытаюсь создать тему для Gnome 3, но у меня возникает небольшая проблема со стилизацией строки заголовка. Я использую следующий CSS в своей попытке стилизовать полосы, но он применяется только к окнам, которые используют GtkHeaderBar
для переопределения строки заголовка.
headerbar {
border: 1px solid #000000;
border-bottom: none;
border-radius: 4px 4px 0 0;
box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25), inset -1px 1px 0px 0px rgba(255, 255, 255, 0.25);
background-image: linear-gradient(to right, rgba(109, 179, 242, 0.5) 0%, rgba(84, 163, 238, 0.5) 50%, rgba(54, 144, 240, 0.5) 51%, rgba(30, 105, 222, 0.5) 100%);
padding: 0 5px;
}
headerbar:backdrop {
border: 1px solid #303030;
border-bottom: none;
background-image: linear-gradient(to right, #C1C1C1 0%, #B1B1B1 50%, #A2A2A2 51%, #8B8B8B 100%);
}
/* Window Body */
window {
border: 1px solid #000000;
border-top: none;
border-radius: 0 0 4px 4px;
box-shadow: inset 1px -1px 0px 0px rgba(255, 255, 255, 0.25), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.25);
background-image: linear-gradient(to right, rgba(109, 179, 242, 0.5) 0%, rgba(84, 163, 238, 0.5) 50%, rgba(54, 144, 240, 0.5) 51%, rgba(30, 105, 222, 0.5) 100%);
padding: 5px;
}
window:backdrop {
border: 1px solid #303030;
border-top: none;
background-image: linear-gradient(to right, #C1C1C1 0%, #B1B1B1 50%, #A2A2A2 51%, #8B8B8B 100%);
}
window > box {
border: 1px solid black;
border-radius: 3px;
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25);
margin: 4px;
background-color: #ABABAB;
background-image: none;
}
Похоже, что оконный менеджер использует информацию о стилях из последней загруженной темы вместо предоставленного мной CSS. Я переключаю темы, запустив gsettings set org.gnome.desktop.interface gtk-theme "<theme name"
.
Так должна выглядеть строка заголовка (применительно к другому окну)
Вот как выглядит gtk3-demo
окно при переключении на мою тему после Ambiance
Вот как выглядит gtk3-demo
окно при переключении на мою тему после Adwaita
Из этого я пришел к выводу, что существует отдельный набор узлов или классов css, которые отделены от headerbar
, хотя ни одно из предложений, которые я нашел в Интернете, таких как использование .header-bar
, не привело ни к какому успеху. Я попытался проверить иерархию узлов css, запустив интерактивный отладчик с GTK_DEBUG=interactive gtk3-demo
, но средство просмотра иерархии узлов заканчивается на узле window
, который не включает строку заголовка.
Как правильно стилизовать строку заголовка тем в gnome-3
? Есть ли где-нибудь главный список узлов css, который можно было бы использовать для справки?
Изменить: я только что наткнулся на тег decoration
и попробовал его, но, похоже, он имеет ту же проблему, что и headerbar
, когда он не влияет на окна без элемента GtkHeaderBar
.
Изменить 2: Теперь кажется, что моя проблема не обязательно связана с созданным мной CSS. В качестве последней попытки вызвать какие-либо изменения в строках заголовков я создал правило * { color: #00ff00; background-color: #ff0000; background-image: none}
, но оно не повлияло на заголовки. Теперь я начинаю думать, что строка заголовка по умолчанию оформлена в каком-то другом стиле, а не в CSS приложения, возможно, в другой папке в каталоге ~/.themes/xyz/
. В настоящее время я скопировал весь свой CSS в папки gtk-3.0
и gtk-3.20
, но, похоже, это ничего не меняет. Это дерево моей темы. Здесь отсутствуют необходимые файлы?
.
├── gtk-3.0
│ └── gtk.css
├── gtk-3.20
│ └── gtk.css
└── index.theme