Notices, Chips, and Buttons: Mapping MM's UI Kit to Tokyo Night
Minimal Mistakes includes a small set of "notice" boxes for calling out important information —
.notice--success, .notice--warning, .notice--danger, and .notice--info. This theme keeps
the same class names but recolors them using Tokyo Night's semantic-ish colors.
Success: uses
green — #9ece6a at night, #587539 by day.Warning: uses
yellow — #e0af68 at night, #8c6c3e by day.Danger: uses
red — #f7768e at night, #f52a65 by day.Info: uses
blue — #7aa2f7 at night, #2e7de9 by day.Tag chips
Tags and categories rotate through five accent colors — magenta, green, orange, red, and blue — so a post with several tags reads as a small, colorful (but not chaotic) set of pills, same as Minimal Mistakes' tag list but without a Sass color-skin rebuild.
💬 Comments are not enabled on this demo site. Wire up Disqus, Utterances, or Giscus here.