通知アイコンを変更できません

こんにちは、皆様
これらのアイコンを変更したいのですが

このように変更しました

そしてヘッダーに記述しました

しかし、アイコンが変更されません
他のアイコンでは機能しています
この問題を解決するお手伝いをください

こんにちは、ミハイルさん、

こちらをお試しください :slightly_smiling_face:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('notification.granted_badge', 'oo-medal-badges');
</script>

これらの置き換え先はこちらで確認できます :arrow_down:

はい、動作しました。どうもありがとうございました

それらがどのように見えるかはどこで確認できますか?

要素の検証機能を使えば、簡単に特定できます。

例: 証明書 アイコンの通知

  1. 要素の検証機能でアイコン名を確認


  1. icon-library.js 内で同じアイコンを探す

その後、好きなアイコンに差し替えることができます。:slightly_smiling_face:

ご返信ありがとうございます。
解決しました。標準の Discourse アイコンがリスト化されているものだと思っていました。

これは将来の参照のために追加してもよろしいでしょうか。Replace Discourse's default SVG icons with custom icons in a theme - #19 の指示に従いましたが、当初気づかなかったのは、同じアイコンが異なる方法で参照される可能性があるということです。アプリ自体では、「/styleguide/atoms/icons」の下にすべてのアイコンとその参照方法のリストがあり、そのため、header.html ファイルには、封筒アイコンへの参照が 5 つあります。

    api.replaceIcon('envelope', 'fgx-air-mail');
    api.replaceIcon('far-envelope', 'fgx-air-mail');
    api.replaceIcon('notification.private_message', 'fgx-air-mail');
    api.replaceIcon('notification.read_private_message', 'fgx-air-mail');
    api.replaceIcon('notification.invited_to_private_message', 'fgx-air-mail');