pureadmin.io Back to themes

Café Industrial

External package
Download v1.0.0

Warm industrial aesthetic with golden amber accents and Barlow typography. Rich copper and cream palette. Separate npm package.

Package
@keenmate/pure-admin-cafeindustrial-theme
Font
Barlow
Dark Light Brand Custom Font Warm

Variants

Name Mode File
Café Industrial Dark dark dist/cafeindustrial.css
Café Industrial Light light dist/cafeindustrial.css Same file — toggle via pa-mode-light body class

Palette

#d4952b
#1e1a15
#2a2420
#e8e0d4

Café Industrial Theme

A warm industrial aesthetic with golden amber accents and Barlow typography. Supports both dark and light modes.

Installation

npm install @keenmate/pure-admin-cafeindustrial-theme

<link rel="stylesheet" href="node_modules/@keenmate/pure-admin-cafeindustrial-theme/dist/cafeindustrial.css">

Dark / Light Mode

Toggle between modes by adding a class to the <body>:

<body class="pa-mode-dark">  <!-- warm blacks, golden amber -->

<body class="pa-mode-light"> <!-- cream/linen, darker amber -->

Palette

Dark Mode

  • Page background: #151210 (warm black)
  • Card surface: #1e1a15
  • Accent: #d4952b (golden amber)
  • Primary text: #e8e0d4 (warm off-white)

Light Mode

  • Page background: #fffcf8 (warm white)
  • Card surface: #f7f2eb (cream)
  • Accent: #b87d24 (darker amber)
  • Primary text: #3d3428 (dark brown)

Typography

Uses Barlow (400, 500, 600, 700) and Barlow Condensed loaded from Google Fonts.