Ubuntu20.04アップデート後のボタンのハート化

2020年8月11日

Ubuntu20.04Ltsも、かなりYaruテーマが変わりました。
FireFoxでのボタンの切れがあったようなので、もう一度、Ubuntu20.04Ltsを入れYaruテーマを新しくして、Heart化を行いました。
FireFoxのタイトルバーがないモードに戸惑いましたが、とりあえずできました。
 まず、YARUの方はこうなってます。

はじめからすみがはみ出てるんですね^^;ちょっと悩んでしまいました。
 moe.cssをすこし直して見ました。
 moe.cssを変えたので、全体に波及するかもしれませんが、1px変えただけなので、問題ないと思います。

 Gtk-3.0部分については、以前の通りUbuntu16.04.6でモデファイしたgtk.cssを入れたはずなので、すみません、ご確認ください。
 Yaru-heart3modgtk3.0.zip
これでマージンが変えられることがわかりましたので、もう一度16.04.6も直してみます。(なにせ古いので、治るかはわかりませんが・・・^^;)
 失礼しました、やっぱり無理でした。おなじCSSなんですが挙動が違うんですねぇ(悩ましいなぁ)

追加1.もう2px増やしました。治ってればいいんですが・・・もともとギリギリ右でマイナスマージンなので、もしかしたら変わらないかもしれません。

Yaru-heart4modgtk3.0.zip

問題発生です。
 Firefoxのタイトルバーなしのモードやmeldは、思うにこのcssでタイトルバーのボタンをバックグラウンドイメージとして取り扱うには、アプリ個別の設定を作らないといけないと思います。(すいません。それは、技術的にちょっと無理です。アプリの数から言っても無理です。)
 問題は、Tweaks-ウインドウタイトルバーのタイトルバーボタンの位置を左にすると出ます。
margin -9pxの場合(ここでの変更前の場合)
 上(gedit)はうまく均等にハートが並んでいますが、下FireFox(タイトルバーなしモード)では、すでにこの段階で黄色ハートが切れています。
 margin -6pxの場合(Yaru-heart4modgtk3.0.zip)の場合
 上(gedit)では赤ボタンのマージンを変更したためやや緑と黄色の並びより離れる結果となります、下FireFox(タイトルバーなしモード)では、同様に黄色ハートが切れています。(かと言って黄色のハートを動かすと、他の全部が動いちゃうますよね・・・;;)
 うーん悩ましいですねぇ。
 YARU自体のボタンはCSSの描画で構成されている(イメージでない)ので、マージンやパディングについての記述がなくてもうまく言ってるんだと思います。
 イメージだとマージン、パディング、サイズ(倍率)が効くようですが、左寄せもうまく行かすなら、margin -9pxでsizeは今は縦横ともに60%なのですが、そっちをいじるしかないですねぇ。
 とりあえず、Firefox(タイトルバーなし)の左寄せは黄色だけマージンを食ってしまうので、治すのは無理です。(これをやると、左寄せの赤と同じに、右にボタンを持って行ったときに均等に並ばなくなります)
 案として、左並びでもボタン並びが均等割付となることと、FireFox(タイトルバーなし)で赤ボタンができるだけ切れないで大きさをあまり変えない感じに整えてみます。


なんとか、切れて見えそうにない程度にはできました。小さいのも案外可愛いかも^^; これだと左に持っていっても均等に割り付けられます。

 おまけに、Firefoxでの黄色ボタン切れも見えないくらいにはなりますねぇ。
 どうなんでしょうねぇ、機能として、Tweakには右並び、左並びがあるんですよねぇ。あながち無視するのも良くない気もするんですよねぇ。(もとmacOSなんか使ってると左慣れしてますしねぇ。)
 以下に置いときます。
Yaru-heart5modgtk3.0.zip

追加:Heart4のmoeR.cssとmoeLcssについて、
heart4をもとにして。moe.cssのLRを作りました。

sudo cp /usr/share/themes/Yaru-heart6modgtk3.0/gtk-3.20/moeR.css /usr/share/themes/Yaru-heart6modgtk3.0/gtk-3.20/moe.css

でRになり、

sudo cp /usr/share/themes/Yaru-heart6modgtk3.0/gtk-3.20/moeL.css /usr/share/themes/Yaru-heart6modgtk3.0/gtk-3.20/moe.css

でLになり、
となります。
 デフォルトでRにしておいて、Lの方は変えてくださいでいいのかなーと思います。
Yaru-heart6modgtk3.0.zip

 

 

 

 

 

PC

Posted by masterkudo