Topic Map Stats Icons

AI-generated summary

The topic discusses the Topic Map Stats Icons theme component, which allows users to replace topic map statistics text with icons using CSS. The component, developed by Don, is available on GitHub at https://github.com/VaperinaDEV/topic-map-stats-icons and can be installed via Discourse’s theme system. It includes two settings: one to select an icon for stats and another to change the color of the numbers. The component supports both regular and solid icons from Font Awesome, including options like chart-bar, eye, heart, thumbs-up, share, and user. Examples show how the icons enhance the topic map’s visual appearance. A theme install button is provided for easy setup, and users are directed to official guides for installation and theme development.

Install this theme component

Hello :wave:

With this theme component you can change the topic map stats texts to icons. It adds the icons with CSS.

Default Topic Map
Screenshot 2024-12-16 at 11.06.59

With theme component
Screenshot 2024-12-16 at 11.08.25


Settings
It contains two theme settings where you can set up the stats icon and also a setting for change the numbers color of the setted up stats.


Icons:
I keep only the topic map related icons.

Regular

Name Icon
chart-bar
eye
heart
thumbs-up
share-from-square
user
circle-user

Solid

Name Icon
chart-bar
chart-line
chart-column
eye
heart
thumbs-up
link
share
share-from-square
share-nodes
user
circle-user
users

So you can make it for example:

With regular icons:

Screenshot 2024-12-16 at 11.35.58


It’s up to you :rocket:
We can add more icons from FontAwesome 6 Free, Material etc… if you wish…

11 Likes