Audi

Demo

Download v2.3.4

Premium dark theme inspired by Audi's design language with red accents

Package

@keenmate/pure-admin-core

Font

Fira Sans Condensed

Light Dark Custom Font

Variants

Default

dist/audi.css

Mode	accent	background	header	sidebar	surface	text
Dark (default)	`#ff0000`	`#0a0a0a`	`#000000`	`#1a1a1a`	`#1a1a1a`	`#ffffff`
Light	`#ff0000`	`#f8f9fa`	`#f8f9fa`	`#ffffff`	`#ffffff`	`#212529`

Audi

A premium dark theme drawing inspiration from Audi's iconic design language. Deep blacks and precise red accents create a sophisticated, high-contrast interface.

Highlights

Dark-first design with carefully tuned contrast ratios
Red accent (#bb0a30) for interactive elements and focus states
Fira Sans Condensed bundled font for a sleek, condensed typographic feel
Light mode included for well-lit environments

Usage

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

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