☰

帮助基于 Adwaita 创建新主题吗？

tag-icon • tag-icon gnome themes css
帮助基于 Adwaita 创建新主题吗？

我想创建一个基于 Adwaita 的主题。

我发现 Adwaita 不再使用*.css文件：

cat /usr/share/themes/Adwaita/gtk-3.0/gtk.css
/* Adwaita is now part of GTK+ 3, this file is no longer used */

我在 GitLab 上找到了 Adwaita 源代码：

掌握： https://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita

版本 3.24.10： https://gitlab.gnome.org/GNOME/gtk/tree/3.24.10/gtk/theme/Adwaita

（更新：由于正在开发中，GitLab 上的“master”分支可能有“缺陷”。相反，应该使用更稳定的分支，例如 3.24.10）。

因此，我可以从 Gitlab 下载源文件并修改包含的*.scss文件以达到我想要的颜色变化。

一旦我完成了更改，如何将源代码编译成新主题，并将其部署到我的机器上？

答案1

Ubuntu 18.04

我刚刚尝试通过您提供的链接了解README文件。~/Downloads/gtk-master/gtk/theme/Adwaita/https://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita

  1. 已下载源代码 zip 文件..

在此处输入图片描述

  1. 在文件中编辑了一些颜色（只是为了尝试）~/Downloads/gtk-master/gtk/theme/Adwaita/_colors.scss

内容：

$base_color: if($variant == 'light', #00FF00, lighten(desaturate(#241f31, 100%), 2%));
$text_color: if($variant == 'light', black, white);
$bg_color: if($variant == 'light', #0000FF, darken(desaturate(#3d3846, 100%), 4%));
$fg_color: if($variant == 'light', #2e3436, #eeeeec);

$selected_fg_color: #FF0000;

在此处输入图片描述

  1. 已保存并关闭

  2. sudo apt install sassc

  3. cd ~/Downloads/gtk-master/gtk/theme/Adwaita

  4. sassc -M -t compact gtk-contained.scss MyCustomized.css

  5. 将此 MyCustomized.css 文件复制到新创建的主题文件夹中，/usr/share/themes/MyCustomized/gtk-3.0/并将其重命名为gtk.css

  6. 将assets文件夹从~/Downloads/gtk-master/gtk/theme/Adwaita/复制到/usr/share/themes/MyCustomized/gtk-3.0/

  7. 可以从中选择此 MyCustomized 主题gnome-tweaks

结果是

在此处输入图片描述

相关内容