☰

gnome-shell 中用于面板菜单背景和滑块的 CSS 类

tag-icon • tag-icon themes gnome-shell css style
gnome-shell 中用于面板菜单背景和滑块的 CSS 类

我想更改面板菜单的背景（并使其透明）并更改滑块的颜色（从紫色变为橙色）。我喜欢默认的 Ubuntu shell 主题，所以我不想使用自定义主题。我还想更改搜索文本表单的背景（未聚焦）。中的类/id 是什么gnome-shell.css？我试过了，但没有找到它们。

另一个问题是我在哪里可以找到默认gnome-shell.css文件？到目前为止，我使用的是自定义主题中的文件，但如果我提取文件.gresource，/usr/share/gnome-shell/themes/则无法获得默认 css。

检查图片：

答案1

对于 Ubuntu 20.04 默认 shell 主题，css 文件是

Yaru/gnome-shell.css来自 gresource 文件/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource

对于面板菜单背景，请查看 .css 文件的这一部分

.popup-menu-boxpointer, .candidate-popup-boxpointer {
  -arrow-border-radius: 6px;
  -arrow-background-color: red;
  -arrow-border-width: 1px;
  -arrow-border-color: rgba(0, 0, 0, 0.35);
  -arrow-base: 24px;
  -arrow-rise: 12px;
  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }

在此处输入图片描述

用于更改滑块背景颜色：搜索这些字段..

.slider {
  height: 15px;
  -barlevel-height: 3px;
  -barlevel-background-color: #e1e1e1;
  -barlevel-border-width: 1px;
  -barlevel-border-color: #c7c7c7;
  -barlevel-active-background-color: #924D8B;
  -barlevel-active-border-color: #81447b;
  -barlevel-overdrive-color: #c7162b;
  -barlevel-overdrive-border-color: #b51427;
  -barlevel-overdrive-separator-width: 1px;
  -slider-handle-radius: 7.5px;
  -slider-handle-border-width: 1px;
  -slider-handle-border-color: #b5b5b5;

用于更改概览中“搜索条目”的背景颜色。

.search-entry {
  width: 320px;
  padding: 7px 9px;
  border-radius: 18px;
  color: rgba(61, 61, 61, 0.7);
  background-color: #FAFAFA;
  border-color: #c7c7c7; }

在此处输入图片描述

搜索字段不聚焦...绿色

相关内容