Theme
Plaster Night
Sora + Sora
The dial you can find in the dark
Settings · Players · Personal apps
Primary Secondary Tertiary
Tokens
The theme as CSS
/* Plaster Night · full palette · Designed using Design Lounge (https://www.designlounge.live)
Primary / secondary / tertiary + feedback + surfaces. Match the numbers.
Free to use. */
:root {
/* Brand */
--primary: #e3ded7;
--primary-ink: #141210;
--primary-soft: #575450;
--secondary: #a39b91;
--secondary-ink: #141210;
--secondary-soft: #48443f;
--tertiary: #e08a6f;
--tertiary-ink: #141210;
--tertiary-soft: #564037;
/* Surface */
--bg: #2b2825;
--surface: #2b2825;
--surface-2: #36322e;
--surface-3: #484440;
--ink: #ece8e2;
--ink-2: #bdb7af;
--ink-3: #9a938a;
--line: #4a453f;
--line-strong: #88837d;
/* Feedback — reserved for live state, never decoration */
--success: #6fbf8f;
--success-ink: #141210;
--success-soft: #3b4c3e;
--success-on-soft: #80c79c;
--warning: #e0a34b;
--warning-ink: #141210;
--warning-soft: #56462e;
--warning-on-soft: #e4ae61;
--danger: #ff7a6b;
--danger-ink: #141210;
--danger-soft: #5e3c36;
--danger-on-soft: #ff988d;
--info: #8fb0d6;
--info-ink: #141210;
--info-soft: #43494f;
--info-on-soft: #9cb9db;
/* Chrome */
--focus: #e3ded7;
--link: #e3ded7;
--overlay: #070605;
--inverse: #ece8e2;
--inverse-ink: #2b2825;
/* Aliases */
--accent: var(--primary);
--accent-ink: var(--primary-ink);
--positive: var(--success);
--font-display: "Sora", Georgia, serif;
--font-text: "Sora", system-ui, sans-serif;
--radius: 20px;
--shadow: 8px 8px 18px rgba(0,0,0,.45), -8px -8px 18px rgba(255,255,255,.06);
}
body {
background: var(--bg);
color: var(--ink);
font-family: var(--font-text);
}
h1, h2, h3, .display { font-family: var(--font-display); }