Hello :wave: This is a small hack (redesign) to the official offline indicator. Site Setting: enable offline indicator I’ve override the offline indicator template to add icons to it. To add the icon, I put the following two icons (wifi and slash) each other. Default [Screenshot 2024-03-03 at 10.14.06] Modified [Screenshot 2024-03-03 at 10.13.56] Here is the repo (you can use it or use as template if you have other ideas): GitHub - VaperinaDEV/discourse-offline-indicator-hack · GitHub

Nice! I love how you combined icons - cool trick! :slight_smile:

Hello :wave: I’ve updated the theme component because now the offline indicator component is a .gjs so we can’t override it’s template. I use the Discourse Easy ‘SVG Icon’ and ‘Emoji’ in CSS helper. I’ve added the Google Material Wifi Off icon. So this way we don’t need to merge two separate icons. [Screenshot 2024-05-01 at 13.21.06] https://github.com/VaperinaDEV/discourse-offline-indicator-hack/pull/1

Discourse Offline Indicator Hack

Development

Lilly (Lillian ) March 3, 2024, 11:53am 2

Nice! I love how you combined icons - cool trick!

Topic		Replies	Views
Offline Indicator Theme Component Theme component	8	1728	August 13, 2026
Offline Indicator UX	4	1607	April 7, 2021
Discourse Easy 'SVG Icon' and 'Emoji' in CSS Development	11	948	March 27, 2024
Discourse Nav Item Icon / Emoji Theme component	10	970	August 21, 2024
Override icon / color SSO oauth2	1	2563	May 22, 2019

Discourse Offline Indicator Hack

Related topics