react-toastify 아이콘 색 변경

Question

success 일 때 표시되는 아이콘을
info 일 때 표시되는 아이콘 색으로 변경하려고 합니다.
현재는 아래와 같이 css로 변경해서 바꾸는 것만 알게 되었고
success일 때만 바꿀 수 있는 방법은 찾지 못했습니다.

공식문서 링크 https://fkhadra.github.io/react-toastify/introduction

권민수 · Answer

만약 success일때 항상 info 색이 나오게 하는게 목표라고 하시면, 아래 제가 작성한 CodeSandbox 방법처럼 해주시면 될 것 같아요. css variable을 수정하는 방법입니다. (공식문서 - https://fkhadra.github.io/react-toastify/how-to-style 참고)

https://codesandbox.io/s/vigilant-cdn-dhynlk?file=/src/App.js

그때그때 다르게 하고싶다면, 커스텀 아이콘을 쓰는 방법이 맞을 것 같습니다. 이 경우엔 컴포넌트를 직접 작성하신 뒤, import 해서 toast 호출시 옵션에 넣어주시면 됩니다. 렌더 가능한 아무 엘리먼트나 넣을 수 있다고 하네요. (공식문서 - https://fkhadra.github.io/react-toastify/icons#custom-icons)