テーマを編集して自分の好みにカスタマイズしようとしています。主に色を変更します。次のフォルダがあります
GTKフォルダーにはgtk.css
およびgtk-dark.css
。どのgtk.css
18.04で動作するように変更するには編集する必要がありますか? 18.04に関連するGTKは何ですか?編集する必要がある他のファイルはありますか?テーマは「マテリア」
https://github.com/nana-4/materia-theme
ありがとう
更新1:
CSSクラスが見つからないため、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;
}
指定したフォルダーで必要な変更を行うには 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
の色を好みに変更します。
手動インストール手順に従っていない場合:
次に、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;
}
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;
}