如何知道 Gnome shell 组件的名称?

Pus*_*pam 5 gnome themes

我想为 Gnome shell 创建一个自定义主题。我的问题不是为应用程序创建主题。相反,我的问题是关于顶部栏、弹出式托盘、停靠栏图标的样式——它们是 Gnome 外壳的一部分。在哪里可以获得这些组件的 CSS 名称、id 和类名称的完整文档?

我曾尝试查看某些主题的样式表,但我无法弄清楚哪个名称与哪个组件相关联。例如,这是来自gnome-look.org 的透明外壳主题 3.7样式表的一部分:

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*/
.nm-dialog-item,
.calendar-month-label,
.calendar-day,
.datemenu-today-button,
.message-list-section-title,
.message-content,
.notification-banner .message-title,
.notification-banner .message-content,
.app-well-menu, {
font-size:100%;
}
Run Code Online (Sandbox Code Playgroud)

UnK*_*OWn 6

您可能希望使用以下命令下载 gnome-shell 包的源代码

apt-get source gnome-shell
Run Code Online (Sandbox Code Playgroud)

然后导航到小部件目录.. 例如:

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

在此处输入图片说明

  • 顺便说一句,`apt-get source gnome-shell` 更简单。 (2认同)
  • 我从来没有浏览过主题更改的源代码。但我认为这是最好的选择源代码 -->> 小部件...但是通过与 css 文件中的元素进行交互。元素在主要评论标题如`/* Top bar */` `/* Calendar */` 你将到达元素。然后,您对 css 的了解将使定制更容易,例如悬停、点击、活动、非活动等。 (2认同)