How to know the names of Gnome shell components?

I want to create a custom theme for the Gnome shell. My question is not about creating a theme for the applications. Instead, my question is about styling the top bar, popup trays, dock icons-- which are part of the Gnome shell. Where to get a full documentation of the CSS name, id and class name of those components?

I have tried looking at the stylesheets of some themes, but I cannot figure out which name is associated with which component. For example, this is a part of the stylesheet from Transparent shell theme 3.7 from :

stage {
    font-family: sfns display, product sans, helvetica, source sans pro, segoe ui, nokia pure text, segoe ui, ubuntu,oxygen, cantarell, sans-serif;
    font-size: 10pt;
    color: #efefef;}

/* links */
.shell-link {
    color: #0000ff;
    text-decoration: underline;}

.shell-link:hover {
    color: #999b9b;}

/*medium 12 pt*/
.notification-banner .message-title,
.notification-banner .message-content,
.app-well-menu, {

задан 26 July 2020 в 11:49

1 ответ

Вы можете загрузить исходный код пакета gnome-shell с помощью следующей команды

apt-get source gnome-shell

Затем перейдите в каталог виджетов .. Например:

../ gnome-shell_3 .36.3.orig / gnome-shell-3.36.3 / data / theme / gnome-shell-sass / widgets /

enter image description here

ответ дан 30 July 2020 в 22:02

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

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