**@arolariu/website**

---

@arolariu/website / lib/theme-presets / ThemePresetMeta

Interface: ThemePresetMeta

Defined in: lib/theme-presets.ts:23

Fileoverview

Theme preset metadata for end-user customization.

CSS variable values for each preset are defined in SCSS: src/styles/themes/_presets.scss (single source of truth).

This file provides TypeScript metadata only:

• Display name and description for the settings UI
• Preview colors for visual preset selectors
• Type definitions for preset names and custom colors

ARCHITECTURE:

• SCSS generates [data-theme-preset="name"] CSS selectors
• useThemePreset hook sets the data-theme-preset attribute on
• next-themes toggles .dark class — SCSS handles light/dark variants
• No runtime JavaScript CSS variable application for named presets
• Only "custom" preset applies CSS variables via JS

See

• src/styles/themes/_presets.scss for CSS variable definitions
• useThemePreset for runtime attribute application

Properties

name

readonly name: string

Defined in: lib/theme-presets.ts:25

Display name for the UI

---

description

readonly description: string

Defined in: lib/theme-presets.ts:27

Short description

---

preview

readonly preview: readonly [string, string, string]

Defined in: lib/theme-presets.ts:29

Preview colors for the settings UI (3 gradient stops)