그라디언트가 적용된 아이콘을 넣으면 작동하지 않는 것을 확인했습니다. Discourse가 그라디언트 아이콘을 지원하지 않는 건가요?
지원하지 않는 경우, CSS를 통해 아이콘 주변에 그라디언트를 적용할 수 있는 방법이 있을까요?
저도 같은 쿼리를 사용하고 있는데, 이 부분에 대해 아시는 분이 있을까요?
SVG 형식이 그라데이션을 지원한다면, 이는 버그로 간주해야 합니다. 아마도 git 저장소에서 기능 요청으로 보고하는 것이 가장 적절할 것입니다.
이러한 로고의 경우 SVG가 잘 작동할 것입니다.
제 지식으로는, CSS로 색상이 설정되면 SVG 아이콘의 그라디언트가 덮어씌워진다고 알고 있습니다.
CSS와 SVG 파일 코드를 통해 두 가지 방법이 있다는 것을 확인했습니다. 하지만 어느 쪽을 사용해도 동작하지 않고, 파일이 변경되지 않습니다!
아이콘에 그라디언트를 적용하는 방법을 아시나요?
CSS 그라데이션은 SVG 아이콘과 함께 작동하지 않는 것 같습니다. 그라데이션은 SVG 파일 자체에 직접 적용해야 한다고 생각합니다.
이 트릭을 사용하면 SVG 아이콘에 그라데이션을 적용할 수 있습니다:
보이지 않는 SVG를 만들어 id(예: <linearGradient id="my_id"...)와 연결된 모든 그라데이션을 정의합니다.
그 다음 CSS에서 SVG 아이콘을 타겟팅하고 fill: url(#my-id)를 사용합니다.
얼마나 보기 안 좋은지는 모르겠지만, 동작은 합니다. 