web-dev-qa-db-ja.com

18.04のGTK

テーマを編集して自分の好みにカスタマイズしようとしています。主に色を変更します。次のフォルダがあります

GTKフォルダーにはgtk.cssおよびgtk-dark.css。どのgtk.css 18.04で動作するように変更するには編集する必要がありますか? 18.04に関連するGTKは何ですか?編集する必要がある他のファイルはありますか?テーマは「マテリア」

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

ありがとう

更新1:

CSSクラスが見つからないため、border-bottomの色を変更できません

change header border-bottom

アップデート2:

プレーンなMateriaのgtk 3.22のgtk.css-Googleドライブ

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

アップデート3:

コードは正しいようですが、border-bottomはまだ白です:(

: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;
}
2
user227495

指定したフォルダーで必要な変更を行うには 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の色を好みに変更します。

enter image description here


手動インストール手順に従っていない場合:

次に、Materiaテーマのファイルgtk.cssを開き、行番号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;
}

enter image description here


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をお好みに変更します。

enter image description here


例: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;
}

enter image description here

enter image description here

1
PRATAP