SVG 아이콘이 배경색에 따라 자동으로 색상을 변경하도록 하려면 어떻게 해야 합니까?

SVG 아이콘이 배경색에 따라 자동으로 색상을 변경하도록 하려면 어떻게 해야 합니까?

~/.local/share/icons/와 페어링할 수 있도록 몇 가지 아이콘을 추가하려고 합니다 notify-send. 꽤 잘 할 수 있지만 Adwaita 아이콘과 달리 아이콘 색상이 배경에 적응되지 않고 대비가 매우 낮아집니다.

아이콘의 색상만 변경할 수 있지만 아이콘은 알림에 밝은 테마가 있는 다른 사용자와 공유하도록 되어 있으므로 실행 가능한 솔루션이 아닙니다.

GNOME 알림의 Adwaita 아이콘은 다음과 같습니다:

Adwaita 아이콘이 포함된 알림

그놈 알림의 다른 아이콘은 다음과 같습니다.

나만의 아이콘으로 알림

두 .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>

관련 정보