SVGアイコンが背景色に従って自動的に色を変更するにはどうすればよいですか?

SVGアイコンが背景色に従って自動的に色を変更するにはどうすればよいですか?

~/.local/share/icons/とペアリングできるように、いくつかのアイコンを追加しようとしていますnotify-send。かなりうまくできますが、Adwaitaのアイコンとは異なり、アイコンの色は背景に適応されず、コントラストは非常に低くなります。

アイコンの色だけを変更できますが、アイコンは通知に明るいテーマを持つ他のユーザーと共有するようになっているため、実行可能なソリューションではありません。

GNOME通知のAdwaitaアイコンは次のとおりです。

Adwaitaアイコンを含む通知

GNOME通知の他のアイコンは次のとおりです。

独自のアイコンで通知

どちらの.svgファイルもデフォルトの色(#2e3436)は同じですが、Adwaitaファイルのみが自動的に変更されるため、暗い背景でも鮮明に見えます。 .svgファイルを変換してAdwaitaファイルと同様に編集しましたが、まだ同じ問題が発生します。

Adwaitaのアイコンコードは次のとおりです。

<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
    <path d="m 13.753906 4.660156 c 0.175782 -0.199218 0.261719 -0.460937 0.246094 -0.726562 c -0.019531 -0.265625 -0.140625 -0.511719 -0.339844 -0.6875 c -0.199218 -0.175782 -0.460937 -0.261719 -0.726562 -0.246094 c -0.265625 0.019531 -0.511719 0.140625 -0.6875 0.339844 l -6.296875 7.195312 l -2.242188 -2.242187 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 l 3 3 c 0.195312 0.195313 0.464843 0.304688 0.738281 0.292969 c 0.277344 -0.007812 0.539062 -0.132812 0.722656 -0.339844 z m 0 0" fill="#2e3436"/>
</svg>

これが私が別のアイコンを作成した方法です。

<?xml version="1.0" encoding="UTF-8"?>
<svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M20.76 5.261c-.089.04-2.25 2.172-5.95 5.87L9 16.939l-2.83-2.826c-3.108-3.104-2.971-2.985-3.335-2.876-.218.065-.533.38-.598.598-.11.367-.263.192 3.236 3.692 3.507 3.507 3.308 3.333 3.697 3.232.153-.04.779-.654 6.302-6.172 3.372-3.37 6.17-6.189 6.218-6.264a.627.627 0 0 0-.033-.692c-.246-.349-.608-.498-.897-.37" fill="#2e3436"/>
</svg>

ベストアンサー1

おすすめ記事