orangeを閉じるボタンの別の色に変更したいやるテーマ。
cssファイルを編集してどのように実行できますか?
回避策
OS:Ubuntu 19.10
GTK-テーマ:ヤル
アイコンテーマ:ヤル
以下のコマンドで/usr/share/themes/Yaru/gtk-3.20/
からgtk.cssファイルを開きます
Sudo -H gedit /usr/share/themes/Yaru/gtk-3.20/gtk.css
以下のコードを既存のテキストの下に貼り付け、希望に応じて色を変更します。
headerbar button.titlebutton:not(.appmenu).close,
.titlebar button.titlebutton:not(.appmenu).close,
headerbar.selection-mode button.titlebutton:not(.appmenu).close, button.titlebutton:not(.appmenu).close {
color: #ffffff;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#E95420), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:hover,
.titlebar button.titlebutton:not(.appmenu).close:hover,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:hover, button.titlebutton:not(.appmenu).close:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#E95420), to(transparent));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#eb6637), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:active,
.titlebar button.titlebutton:not(.appmenu).close:active,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:active, button.titlebutton:not(.appmenu).close:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#E95420), to(transparent));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#da4816), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:backdrop,
.titlebar button.titlebutton:not(.appmenu).close:backdrop,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:backdrop, button.titlebutton:not(.appmenu).close:backdrop {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#636363), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:backdrop:hover,
.titlebar button.titlebutton:not(.appmenu).close:backdrop:hover,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:backdrop:hover, button.titlebutton:not(.appmenu).close:backdrop:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(#707070), to(transparent)); }
これがファイルのカスタマイズされたファイルの内容です/usr/share/themes/Yaru/gtk-3.20/gtk.css
@import url("resource:///com/ubuntu/themes/Yaru/3.20/gtk.css");
headerbar button.titlebutton:not(.appmenu).close,
.titlebar button.titlebutton:not(.appmenu).close,
headerbar.selection-mode button.titlebutton:not(.appmenu).close, button.titlebutton:not(.appmenu).close {
color: red;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(green), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:hover,
.titlebar button.titlebutton:not(.appmenu).close:hover,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:hover, button.titlebutton:not(.appmenu).close:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(gold), to(transparent));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(cyan, to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:active,
.titlebar button.titlebutton:not(.appmenu).close:active,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:active, button.titlebutton:not(.appmenu).close:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(Magenta), to(transparent));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(orange), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:backdrop,
.titlebar button.titlebutton:not(.appmenu).close:backdrop,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:backdrop, button.titlebutton:not(.appmenu).close:backdrop {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(blue), to(transparent)); }
headerbar button.titlebutton:not(.appmenu).close:backdrop:hover,
.titlebar button.titlebutton:not(.appmenu).close:backdrop:hover,
headerbar.selection-mode button.titlebutton:not(.appmenu).close:backdrop:hover, button.titlebutton:not(.appmenu).close:backdrop:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.35714, to(yellow), to(transparent)); }
オプションでアイコンを変更できます。写真の下は自明です。