我正在尝试编辑主题以根据自己的喜好进行自定义。主要是更改颜色。它有以下文件夹
GTK 文件夹有gtk.css
和gtk-dark.css
。gtk.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.css
并Materia
在第 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;
}