18.04 版的哪个 GTK

18.04 版的哪个 GTK

我正在尝试编辑主题以根据自己的喜好进行自定义。主要是更改颜色。它有以下文件夹

GTK 文件夹有gtk.cssgtk-dark.cssgtk.css我应该编辑哪个才能与 18.04 配合使用?与 18.04 相关的 GTK 是什么?还有其他文件需要编辑吗?主题是“Materia”

https://github.com/nana-4/materia-theme

谢谢

更新 1:

无法找到 CSS 类来更改边框底部颜色

更改标题边框底部

更新 2:

gtk 3.22 中的 gtk.css 以纯 Materia 格式 - Google Drive

https://drive.google.com/file/d/1ntA-mDEjFdyeT93Y62Lm9n-yPDi9qtLw/view?usp=sharing

更新3:

看起来我的代码是正确的,但是边框底部仍然是白色的:(

:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
.path-bar button {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #03a9f4 0%, transparent 0%) 0 0 0/0 0 0px;
  border-radius: 2px;
}

:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
.path-bar button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #03a9f4 100%, transparent 0%) 0 0 2/0 0 2px;
}

答案1

使用您提供的文件夹进行必要的更改https://drive.google.com/file/d/1NgWdbxKmIbh38WJo9vFDI4wYEfXu1UTz/view?usp=sharing

导航到.../gtk-3.22/gtk.css编辑文件,在大约第 632 行添加以下内容

.path-bar.linked:not(.vertical) > button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF0000 100%, transparent 0%) 0 0 2/0 0 2px;
}

#FF0000根据你的喜好改变颜色。

在此处输入图片描述


如果您不遵循手动安装程序:

然后打开主题文件gtk.cssMateria在第 631 行左右添加以下内容

.path-bar.linked:not(.vertical) > button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
}

在此处输入图片描述


https://github.com/nana-4/materia-theme#manual-installation

Manual Installation

Run the following commands in the terminal:

git clone --depth 1 https://github.com/nana-4/materia-theme
cd materia-theme
sudo ./install.sh

主题Materia

打开gtk.css文件并在第 1566 行第 83 列附近查找以下内容

.caja-pathbar button:checked,
.path-bar.linked:not(.vertical) > button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
}

将颜色 #1A73E8 更改为您喜欢的颜色。

在此处输入图片描述


例如:如果您采用materia-compact主题,请在文件中查找以下内容gtk.css

.caja-pathbar button:checked,
.path-bar.linked:not(.vertical) > button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00FF00 100%, transparent 0%) 0 0 2/0 0 2px;
}

在此处输入图片描述

在此处输入图片描述

相关内容