Category badge adjustments for Discourse

About

This is a theme component which allows you to adjust the CSS parameters of category badges in Discourse. Primarily made for Material Design for Discourse, it might be useful for other themes too. See also article Category badge adjustment component on meta.discourse.org.

Synopsis

• Optionally adjust border-radius css attribute of category badges. Use border_radius = 6px for a more flat / less globular appearance.
• Optionally prevent shrinked badges on e.g. /latest.
• Optionally emphasize category label

Screenshots

Before

After

Settings

• border_radius: The border-radius css attribute to apply to all category badges.
• transform_enabled: Whether to apply shrink transformation to category badges on e.g. /latest.
• emphasize_label: Whether to display category name with font-weight: bolder.

Defaults

border_radius:
  default: ''
transform_enabled:
  default: true
emphasize_label:
  default: false

See also

• Daemonite Material Theme: Ample layout adjustments

Example

• The IP Software Community

Credits

• Geoff Bowers and Material Master Maya Ma of Daemon Labs fame
• The whole Discourse Team and all contributors

Thanks for all your hard work on Discourse and Material Design for Discourse!