Café Industrial

External package
v2.3.4

Dark warm theme with golden amber accents, inspired by the Café Industrial brand

Package
@keenmate/pure-admin-cafeindustrial-theme
Font
System default
Light Dark

Variants

Default
dist/cafeindustrial.css
Mode accent background header sidebar surface text
Dark (default)
#d4952b
#151210
#1e1a15
#181410
#1e1a15
#e8e0d4
Light
#b87d24
#fffcf8
#f7f2eb
#fffcf8
#f7f2eb
#3d3428

Café Industrial

A warm, industrial-themed design inspired by the Café Industrial brand. Golden amber accents from the gear motif pair with warm black and cream backgrounds for a sophisticated, steampunk-tinged aesthetic.

Highlights

  • Golden amber accent (#d4952b) drawn from the Café Industrial gear logo
  • Dark mode with warm brownish-black backgrounds (not pure black)
  • Light mode with cream/linen tones — aged paper, coffee-stained warmth
  • Barlow font family (Google Fonts) for an industrial, mechanical character
  • Supports prefers-color-scheme auto-switching

Usage

<link rel="stylesheet" href="css/cafeindustrial.css">

Defaults to dark mode. Switch with pa-mode-light / pa-mode-dark on <body>. Auto-switching via prefers-color-scheme is enabled by default.