Obsidian

Obsidian is Crystal's most extreme dark theme. Near-pure black backgrounds with muted silver accents create a sharp, industrial feel. Designed for developer tools, terminal UIs, and interfaces where precision and focus are paramount.

Mode: Dark | Accent: Silver #a1a1aa

Color Palette

Obsidian Colors

Background

--crystal-bg-primary

Background Subtle

--crystal-bg-tertiary

Background Muted

--crystal-bg-secondary

Surface

--crystal-surface-primary

Surface Elevated

--crystal-surface-elevated

Border

--crystal-border-default

Border Subtle

--crystal-border-subtle

Text

--crystal-fg-primary

Text Secondary

--crystal-fg-secondary

Text Muted

--crystal-fg-tertiary

Primary

--crystal-accent-primary

Primary Hover

--crystal-accent-secondary

Accent

--crystal-accent-primary

Accent Subtle

--crystal-accent-subtle

Cool

--crystal-brand-cool

Warm

--crystal-brand-warm

Click any swatch to copy the CSS variable.

Obsidian Token Values

Token	Variable	Value
`Background`	`--crystal-bg-primary`	#030303
`Surface`	`--crystal-surface-primary`	#0a0a0a
`Text`	`--crystal-fg-primary`	#e5e5e5
`Text Secondary`	`--crystal-fg-secondary`	#8a8a8a
`Primary`	`--crystal-accent-primary`	#a1a1aa
`Accent`	`--crystal-accent-primary`	#d4d4d8
`Border`	`--crystal-border-default`	#1a1a1a

Click any row to copy the CSS variable.

Usage

<html data-crystal="obsidian">

Recommended pairings:

Obsidian + Edge — Sharpest, most industrial (terminal aesthetic)
Obsidian + Clean — Clean ultra-dark, focused
Obsidian + Bold — High contrast monochrome

When to Use

Terminal and CLI-adjacent UIs
Developer tools and code editors
Data-dense monitoring dashboards
Interfaces where absolute darkness reduces distraction

Unique Characteristics

Obsidian intentionally uses achromatic (colorless) accents. Where other themes express identity through hue, Obsidian relies purely on value contrast. This makes it the most neutral dark theme -- it won't clash with content of any color.