Hello :wave: This topic contain two theme component. Discourse Easy SVG Icon CSS :warning: This theme component is functional as a template, please fork it on Github or use the code to your project. You can remove the icons svg codes from the SCSS and only keep those what you really actually us…

Good Morning @Don , I have been ardently following your work and believe I have incorporated all your creations into my forum. However, with this particular item, I am uncertain. Since the upgrade of the discourse, my mind has become muddled, and I cannot recall where to implement these CSS codes. I…

[이미지] Aaron Walsh: I have integrated your GitHub code into the theme I believe the theme is supposed to be an editable base for you to work from: [이미지] Don: This theme component is functional as a template, please fork it on Github or use the code to your project. Which would explain …

[이미지] Firepup Sixfifty: I believe the theme is supposed to be an editable base for you to work from: [Screenshot_20240325_115532_Chrome] Shouldn’t this be visible to us? [Screenshot_20240325_115729_Chrome] or [Screenshot_20240325_120045_Chrome]

No, as it is a remote theme, meaning you must either download it from GitHub and upload as a zip to your instance, or fork the GitHub repository and make your changes there.

Indeed, this is an entirely novel concept to me. However, I comprehend your point; each day is an opportunity for learning, and I appreciate the swift response.

Hey @Aaron_Walsh :waving_hand: Did it work finally for you? Is there any specific use case where you want to use this? If you share some details I can make a separate theme component based on this where it can easily modifiable with settings.

Good Morning, The endeavor would have been successful; however, I no longer possess a Windows laptop for editing purposes. Instead, I have transitioned to using a Samsung Galaxy S9 Ultra, a decision I now find somewhat regrettable :sweat_smile:. There exists a method through which I can accomplish…

[이미지] Aaron Walsh: Nevertheless, I must apologetically note that the work you have crafted may prove to be intricate for some individuals. Yeah, that’s the reason it placed in Development category but no worries I’ll make a Customization > Theme component for this use case. …

[이미지] Don: Yeah, that’s the reason it placed in Development category Apologies, that was my oversight! However, moving forward, I will be better informed about this.

Hello :waving_hand: This Customization > Theme component is done. :white_check_mark: [이미지] Discourse Nav Item Icon / Emoji Theme component information_source Summary Add Icon / Emoji before nav item hammer_and_wrench Repository GitHub - VaperinaDEV/disc…

Discourse에서 CSS로 'SVG 아이콘'과 '이모지'를 쉽게 사용하기

개발

Don 3월 26, 2024, 6:42오전 9

네, 그래서 Development 카테고리에 올린 건데요, 걱정 마세요. 이 용도를 위해 #customization:theme-component를 만들어드릴게요.

글		댓글	조회수
Discourse Nav Item Icon / Emoji Theme component	10	927	8월 21, 2024
Introducing Font Awesome 5 and SVG icons Announcements new-feature	131	44379	12월 1, 2023
Add Sidebar support "Discourse Icon" & more Feature doc-categories	5	241	7월 9, 2025
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9392	2월 24, 2026
Discourse Icon Theme component official , discourse-icon	19	5700	12월 13, 2024

Discourse에서 CSS로 'SVG 아이콘'과 '이모지'를 쉽게 사용하기

Related topics