Category badge adjustment component

theme-component

(Andreas Motl) #1

Motivation

Tweak the style of the category badges.

Background

This was spawned while working on implementing the Daemonite Material Theme on another Discourse instance the other day. While it’s only a pretty minor amendment to CSS, we just wrapped it up, added appropriate settings and packaged it.

Features

  • Optionally adjust border-radius css attribute of category badges
    to give them a more flat / less globular appearance.
  • Optionally prevent shrinked badges on e.g. /latest.
  • Optionally emphasize category label.

Note: We know this style might deviate from the official Google Material Design language which is pretty straight on Chips - Material Design, but nevertheless we find this look more pleasant. Please enjoy it as a language dialect.

Screenshots

Before

image image

After

image image

Setup

Install

Configure

image
Configuration is pretty straightforward.


Daemonite Material Theme: Ample layout adjustments
Daemonite Material Theme
(Daniela) #3

Now you can post on #theme


(Andreas Motl) #4

Thank you so much and also for moving this already.


(Andreas Motl) #5

The best experience we get from this is when combining it with some tweaks we applied on top of the vanilla Daemonite Material Theme. It’s basically about larger font sizes and element spacing. You can learn about the corresponding amendments at Daemonite Material Theme: Ample layout adjustments.

Before

image

After

image