Dark

v2.4.0

Dark-only theme with neutral gray base and four color tints (default blue, blue, green, red)

Package
@keenmate/pure-admin-core
Font
Play
Dark Custom Font

Variants

Default
css/dark.css

Neutral gray with blue accent

Mode accent background header sidebar surface text
Dark (default)
#4dabf7
#1a1a1a
#2d2d2d
#242424
#2a2a2a
#ffffff
Blue
pa-color-blue css/dark.css

Slate blue tinted backgrounds

Mode accent background header sidebar surface text
Dark (default)
#3b82f6
#0f172a
#0f172a
#1e293b
#1e293b
#ffffff
Green
pa-color-green css/dark.css

Green tinted backgrounds

Mode accent background header sidebar surface text
Dark (default)
#22c55e
#0f1e13
#0f1e13
#1a2e1f
#1a2e1f
#ffffff
Red
pa-color-red css/dark.css

Red tinted backgrounds

Mode accent background header sidebar surface text
Dark (default)
#ef4444
#1f0f0f
#1f0f0f
#2d1a1a
#2d1a1a
#ffffff

Dark

A dark-only theme — four color-tinted variants of the same dark base. The default palette uses soft blue accents on neutral grays; switch to a tinted variant for a different mood while staying in dark mode.

Highlights

  • Four tints — Default (neutral gray), Blue (slate), Green, Red
  • Dark only — no light mode; for a light/dark-toggleable theme see Corporate or Minimal
  • Neutral gray base that works well with any content
  • Play font family for a modern technical feel

Variants

Apply a variant by adding a CSS class to <body>:

<body>                          <!-- Default (neutral gray) -->

<body class="pa-color-blue">    <!-- slate blue tint -->

<body class="pa-color-green">   <!-- green tint -->

<body class="pa-color-red">     <!-- red tint -->

Usage

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