GNOME 3テーマのリファレンススキームはどこにありますか（例：Adwaita）？

8

私はFedora 21にアップグレードしました。これはGNOME 3.14（および関連するGTK +素材）にスポットを当てています。残念ながら、この特定のアップデートは、現在の古いバージョンのGNOME 3向けに書かれた私の古いテーマの多くを壊しているようです。以前はきしみがあったかもしれませんが、今では少し変わったように見えます。

私はホイールを再発明することを想定していません。既存のCSSテンプレート（たとえば、デフォルトのAdwaita 3.14仕様）を使用して、好きなようにあちこちに微調整できたらとても嬉しいです。派手な飛行はありません。/usr/share/themes/Adwaita/gtk-3.0/gtk.cssを覗いたときに、私が引き裂いた髪を想像してください。

/* Adwaita is the default theme of GTK+ 3, this file is not used */

それは私を漬物にします。私はこれがどこにあるのかについてドキュメントを掘り下げるGoogle-fuに欠けています（さらに、これは私が見逃していたGNOMEの人々にとって暗黙的に明白なものだと直感しています）、そして何らかの理由でGNOME開発者のWebサイトが抵抗しています彼らのテーマ仕様を調査する私の試み。

要するに、私はGNOME 3.14のヴァージンテーマ仕様が存在すると仮定して、それを見つけたいのです。これをどのように行うことができますか、または私のアプローチをどのように変更できますか？

— カルビン・リー
ソース

13

.cssデフォルトのテーマ（Adwaita）はバイナリとして提供されるため、その特定のファイルには1行しかありません。

Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS, the generated CSS is
then transformed into a gresource file during gtk build and used at runtime in a non-legible or editable form.

コードはに含まれているので、ここでgtk+ソースファイルを表示できます。彼らによると： readme

_colors.scss        - global color definitions. We keep the number of defined colors to a necessary minimum, most colors 
                      are derived form a handful of basics. It covers both the light variant and the dark variant.
_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing.
_drawing.scss       - drawing helper mixings/functions to allow easier definition of widget drawing under specific context.
                      This is why Adwaita isn't 15000 LOC.
_common.scss        - actual definitions of style for each widget. This is where you are likely to add/remove your changes.

参照.cssファイルは次のとおりです。

gtk-contained.css
gtk-contained-dark.css

これは古いハウツーですが、いくつかは適用されなくなりました（先ほど言ったように、ソースコードはgtk+現在、gnome-themes-standard非推奨でしたので）正しいパスになっているはずです。

GNOME Adwaita GTKテーマをハックする方法

— don_crissti
ソース

0

ウィンドウのトップバーの色に関する同様の質問から自分のTLDRをここにコピーしています

〜/ .config / gtk-3.0 / gtk.css

/* REMOVE "-dark" IF USING LIGHT THEME */
@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained-dark.css");

/* THIS ONE CHANGES TITLEBAR COLOR */
headerbar.titlebar,
headerbar.titlebar:active {
    background:#3F51B5;
}

/* THIS CHANGES NAUTILUS SEARCH BAR */
.horizontal.path-bar-box,
row:selected:backdrop {
     background:#3F51B5;
     border-color:#3F51B5;
}

デバッグして適切なCSSセレクターを見つけるには、環境変数GTK_DEBUG = interactiveでGTK3アプリを開きます。例えば、

GTK_DEBUG=interactive nautilus

これにより、GTKウィンドウのインスペクターが開きます。そこにない場合は、Ctrl + Shift + Iを押します。

— mcsy
ソース