해당 설정은 없으며, CSS만으로 구현하는 것은 어렵다고 생각합니다. 대신 이를 대체할 테마 컴포넌트를 만들 수 있습니다.
CSS에서는 기존 아이콘을 숨깁니다:
.post-notice {
.d-icon-user-shield {
display: none;
}
}
JavaScript(테마 컴포넌트의 <head>에 넣으세요)에서는 알림을 장식하고 새 아이콘을 추가합니다:
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
api.decorateWidget('post-notice:before', helper => {
return iconNode('heart');
});
</script>
… 또는 이미지로 대체하려면…:
<script type="text/discourse-plugin" version="0.8">
api.decorateWidget('post-notice:before', helper => {
return helper.h('img', {
src: 'https://www.discourse.org/a/img/home-spot-1.png',
style: 'margin-right: 0.65em',
height: 30,
width: 30
});
});
</script>
테마와 테마 컴포넌트를 활용하면 하늘이 한계입니다. 더 알고 싶으시다면 다음 자원을 참고하세요: