Hello, I would like to replace the check icons in the review page only. We can find it there : <span class="approved"> <svg class="fa d-icon d-icon-check svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#check"></use></svg> Approved </span> If I use this: api.re…

Not 100% sure it would work because I haven’t tried it, but you can try to get the current page with javascript, check if it’s a review page, then change the icon with your line of code. I believe there was a JS example somewhere on meta using the API to get the current page we’re on, but I couldn’…

I tried that: api.onPageChange((url) => { if (window.location.href.indexOf("review") > -1) { api.replaceIcon('check', 'full-circle-icon'); } } But it’s not working… I have this error: SyntaxError: /discourse/theme-35/initializers/theme-field-379-common-html-sc…

You forgot ); at the end of your code, hence the error. Something like this could work (don’t mind the URI parsing, there’s many ways to do it): api.onPageChange((url) => { if (location.pathname.split('/')[1] == "review") { api.replaceIcon('check', 'full-circle-icon'); …

[图片] Coin-coin le Canapin: you should revert the icon Do you know how to do that?

Hello, I write a css solution too. :slightly_smiling_face: It will hide the default check icon and add the custom icon to a ::before pseudo. Create a new theme component. Upload the icon to the Uploads section and add the SCSS var name: review-approved-icon [Screenshot 2022-11-29 at 21.47.…

评论页面独有的自定义图标

开发

Joart 2022 年11 月 29 日 16:27 5

你知道怎么做吗？

话题		回复	浏览量
Change icons globally Developer Guides how-to	26	10539	2025 年10 月 5 日
Change single instance of icon Feature	14	470	2025 年5 月 16 日
Why doesn't the icon change everywhere? Support	9	1102	2019 年8 月 30 日
I can't change the notification icons Development	6	932	2023 年1 月 30 日
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9472	2026 年2 月 24 日

评论页面独有的自定义图标

相关话题