Discourse가 그라디언트가 있는 SVG 아이콘을 지원합니까?

[Arkshine]

이 트릭을 사용하면 SVG 아이콘에 그라데이션을 적용할 수 있습니다:

얇은 아이콘에 그라데이션을 적용하는 방법은?

Hi, From what I read in Gradients in SVG - SVG | MDN, you must add <linearGradient> to the SVG. Others resources: Gradient fills for SVG icons SVG Gradients What you can do is create a hidden SVG in your theme/component to define your gradients: <svg aria-hidden="true" focusable="false" style="width:0; height:0; position:absolute;"> <linearGradient id="my-gradient-1" x2="0" y2="1"> <stop offset="0%" stop-color="var(--color-stop-1)" /> <stop offset="50%" stop-color="var(--color-st…

보이지 않는 SVG를 만들어 id(예: <linearGradient id="my_id"...)와 연결된 모든 그라데이션을 정의합니다.

그 다음 CSS에서 SVG 아이콘을 타겟팅하고 fill: url(#my-id)를 사용합니다.

얼마나 보기 안 좋은지는 모르겠지만, 동작은 합니다.