Skip to content

Custom favicon styling #14186

@steadyphase

Description

@steadyphase

Description

Hi NodeBB team,

First of all, thank you for the great work on NodeBB.

We would like to suggest a feature request related to the favicon notification badge — the small icon that appears on browser tabs, which in NodeBB also displays a notification count overlay when there are unread notifications.

At the moment, the styling of this badge (e.g., its colors) appears to be fixed globally. We would love to see support for user-specific favicon badge styling, so that each user could choose their own badge colors from their personal settings rather than having this defined only at the global level.

More specifically, since NodeBB uses Tinycon for rendering the favicon badge, we would like to expose configuration similar to:

Tinycon.setOptions({
color: '#06d6b7',
background: '#000',
})

This would allow users to customize both the text color and the background color of the notification bubble according to their preferences.

We believe this would be a valuable accessibility and personalization improvement. A meaningful portion of our users would appreciate being able to use different favicon colors, whether for better visibility, personal preference, or easier distinction between multiple open tabs or communities. Giving users control over this would be a nice quality-of-life enhancement and a strong enablement feature.

Thanks for considering it.

Community forum reference

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions