web-dev-qa-db-ja.com

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の「マスター」ブランチは開発中であるため、「バグがある」可能性があります。代わりに、3.24.10などのより安定したブランチを使用する必要があります）。

したがって、Gitlabからソースファイルをダウンロードして、含まれている*.scssファイルを必要な色に変更できます。

変更を加えたら、ソースを新しいテーマにコンパイルして、自分のマシンにデプロイするにはどうすればよいですか？

gnomethemescss
8
PJ Singh

Ubuntu 18.04

私はあなたが提供したリンクから~/Downloads/gtk-master/gtk/theme/Adwaita/のREADMEファイルを理解して試してみました。 https://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita

  1. ソースコードのZipファイルをダウンロードしました。

enter image description here

  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;

enter image description here

  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から選択できます

結果は

enter image description here

7
PRATAP