/**
 * Local Dream Skin presets: three Codex-Dream-Skin built-ins plus three curated
 * community picks, all mapped onto the DSW alias tokens with locally embedded
 * wallpapers (no network). State colors (error/success/warn) intentionally stay
 * on the base palette so system semantics remain legible in every skin.
 */
import type { ThemeDefinition, ThemeTokens } from '@deepseek-ai/dsh-client-ui-theme/client'
import { WALLPAPERS, type Wallpaper } from './wallpapers.ts'
import { WALLPAPER_THUMBS } from './wallpapers-thumbs.ts'
import { DEFAULT_SCRIM_STRENGTH } from '../dream-settings.ts'

/** Dream Skin palette: the ten colors the source themes declare. */
export interface DreamSkinPalette {
  background: string
  panel: string
  panelAlt: string
  accent: string
  accentAlt: string
  secondary: string
  highlight: string
  text: string
  muted: string
  line: string
}

/** Convert a hex color to rgba with the given alpha; non-hex values pass through. */
function hexToRgba(color: string, alpha: number): string {
  const hex = /^#([0-9a-fA-F]{6})/.exec(color)?.[1]
  if (hex === undefined) return color
  const r = parseInt(hex.slice(0, 2), 16)
  const g = parseInt(hex.slice(2, 4), 16)
  const b = parseInt(hex.slice(4, 6), 16)
  return `rgba(${r}, ${g}, ${b}, ${alpha})`
}

/** Per-wallpaper user tweaks overriding a preset's shipped defaults. */
export interface WallpaperTweak {
  /** Blur radius in px; 0 keeps the wallpaper sharp. */
  blur: number
  /** Horizontal focus point, 0..1 (preset value when unset). */
  focusX: number
  /** Vertical focus point, 0..1 (preset value when unset). */
  focusY: number
}

/** Global wallpaper knobs shared by every wallpaper source. */
export interface WallpaperKnobs {
  /** Blur radius in px; 0 keeps the wallpaper sharp. */
  blur: number
  /** Horizontal focus point, 0..1 (-1 means the preset default). */
  focusX: number
  /** Vertical focus point, 0..1 (-1 means the preset default). */
  focusY: number
  /** Scrim strength, 0..1 (-1 means the built-in default). */
  scrim: number
}

/**
 * Build the wallpaper background CSS: a left-to-right readability scrim over
 * the wallpaper, focused by the wallpaper's own focus point. Strength is
 * 0 (no scrim, wallpaper fully visible) to 1 (full default scrim). Tweaks
 * override the focus point; the blur radius is applied by the caller via a
 * dedicated wallpaper layer (buildScrim only emits the focus position).
 */
export function buildScrim(p: DreamSkinPalette, wallpaper: Wallpaper, strength: number, tweak?: Partial<WallpaperTweak>): string {
  const s = Math.max(0, Math.min(1, strength))
  const fx = Math.max(0, Math.min(1, tweak?.focusX ?? wallpaper.focusX))
  const fy = Math.max(0, Math.min(1, tweak?.focusY ?? wallpaper.focusY))
  // 基础遮罩下限：即使 strength 为 0，左侧文字区也保留一层遮罩保证可读。
  const a1 = Math.min(0.95, 0.72 * s + 0.18)
  const a2 = Math.min(0.9, 0.42 * s + 0.14)
  const a3 = 0.06 * s + 0.08
  return `linear-gradient(90deg, ${hexToRgba(p.background, a1)} 0%, ${hexToRgba(p.background, a2)} 38%, ${hexToRgba(p.background, a3)} 66%, transparent 84%), url("${wallpaper.url}") ${Math.round(fx * 100)}% ${Math.round(fy * 100)}% / cover no-repeat`
}

/**
 * Build a programmatic ambient gradient from a palette, so every preset shows
 * a layered background without shipping image assets: two accent glows over a
 * diagonal base wash. Inspired by the ambience-first skins of the dsh-web-ui
 * family, generated from each palette's own colors rather than copied art.
 */
export function buildAmbient(p: DreamSkinPalette): string {
  const glow = (color: string, alpha: number, x: string, y: string, size: string): string =>
    `radial-gradient(${size} at ${x} ${y}, ${hexToRgba(color, alpha)}, transparent 70%)`
  return [
    glow(p.accent, 0.22, '16%', '14%', '85% 70%'),
    glow(p.accentAlt, 0.14, '85%', '16%', '70% 60%'),
    glow(p.secondary, 0.10, '52%', '98%', '110% 70%'),
    `linear-gradient(160deg, ${p.background} 0%, ${p.panelAlt} 100%)`,
  ].join(', ')
}

/**
 * Build the alias tokens for a palette, folding in the wallpaper when given.
 * The set covers every token the stock layout reads in normal use — surfaces,
 * markdown blocks, buttons, sidebars, inputs, masks, and scrollbars — so no
 * element falls back to the stock palette (white-on-white in light modes).
 */
function tokensFor(p: DreamSkinPalette, wallpaper: Wallpaper | undefined): ThemeTokens {
  const base = wallpaper !== undefined ? buildScrim(p, wallpaper, DEFAULT_SCRIM_STRENGTH) : buildAmbient(p)
  const deep = hexToRgba(p.background, 0.92)
  const soft = hexToRgba(p.background, 0.72)
  return {
    '--dsw-alias-bg-base': base,
    '--dsw-alias-bg-layer-1': p.panel,
    '--dsw-alias-bg-layer-2': p.panelAlt,
    '--dsw-alias-bg-layer-3': p.panelAlt,
    '--dsw-alias-bg-overlay': p.panelAlt,
    '--dsw-alias-bg-module-platform': p.panel,
    '--dsw-alias-bg-multi-select': p.panelAlt,
    '--dsw-alias-bg-skeleton': p.line,
    '--dsw-alias-border-l1': p.line,
    '--dsw-alias-border-l2': p.line,
    '--dsw-alias-border-l2-darkmode-thin': p.line,
    '--dsw-alias-border-l3': p.line,
    '--dsw-alias-border-l4': p.line,
    '--dsw-alias-border-inverted': p.line,
    '--dsw-alias-border-inverted2': p.line,
    '--dsw-alias-brand-primary': p.accent,
    '--dsw-alias-brand-primary-invert': p.text,
    '--dsw-alias-brand-text': p.accent,
    '--dsw-alias-brand-primary-new-colorprimary-new-color': p.accent,
    '--dsw-alias-label-primary': p.text,
    '--dsw-alias-label-primary-bluish': p.text,
    '--dsw-alias-label-primary-dimmed': p.muted,
    '--dsw-alias-label-primary-foreground': p.text,
    '--dsw-alias-label-primary-inverted': p.text,
    '--dsw-alias-label-secondary': p.muted,
    '--dsw-alias-label-tertiary': p.muted,
    '--dsw-alias-label-caption': p.muted,
    '--dsw-alias-label-dimmed': p.muted,
    '--dsw-alias-markdown-citation': p.panelAlt,
    '--dsw-alias-markdown-code-block': p.panelAlt,
    '--dsw-alias-markdown-code-block-banner': p.panel,
    '--dsw-alias-markdown-code-segment-selected': p.panel,
    '--dsw-alias-markdown-code-segment-unselected': p.panelAlt,
    '--dsw-alias-markdown-inline-code': p.panelAlt,
    '--dsw-alias-markdown-placeholder': p.panel,
    '--dsw-alias-markdown-tag': p.panelAlt,
    '--dsw-alias-button-contrast-fill': p.accent,
    '--dsw-alias-button-elevated-fill': p.panel,
    '--dsw-alias-button-floating-fill': p.panel,
    '--dsw-alias-button-floating-hover': p.panelAlt,
    '--dsw-alias-button-ghost-active-border': p.accent,
    '--dsw-alias-button-ghost-active-fill': p.panelAlt,
    '--dsw-alias-button-ghost-active-hover': p.panelAlt,
    '--dsw-alias-button-info-fill': p.accent,
    '--dsw-alias-button-info-hover': p.accentAlt,
    '--dsw-alias-button-primary-dimmed': p.panelAlt,
    '--dsw-alias-button-primary-fill': p.accent,
    '--dsw-alias-button-primary-hover': p.accentAlt,
    '--dsw-alias-button-tool-bar-fill': soft,
    '--dsw-alias-button-tool-bar-fill-invisible': hexToRgba(p.background, 0.36),
    '--dsw-alias-button-tool-bar-hover': deep,
    '--dsw-alias-interactive-bg-active': hexToRgba(p.text, 0.14),
    '--dsw-alias-interactive-bg-hover': hexToRgba(p.text, 0.08),
    '--dsw-alias-interactive-bg-hover-accent': hexToRgba(p.accent, 0.24),
    '--dsw-alias-interactive-bg-hover-danger': 'rgba(242, 90, 90, 0.15)',
    '--dsw-alias-interactive-bg-hover-solid': p.panelAlt,
    '--dsw-alias-scrollbar-bg-l1': p.line,
    '--dsw-alias-scrollbar-bg-l2': p.line,
    '--dsw-alias-scrollbar-hover-l1': p.muted,
    '--dsw-alias-scrollbar-hover-l2': p.muted,
    '--dsw-alias-state-business-primary': p.accent,
    '--dsw-alias-state-business-tertiary': p.panelAlt,
    '--dsw-alias-state-error-primary': 'rgb(239, 68, 68)',
    '--dsw-alias-state-error-secondary': 'rgb(242, 90, 90)',
    '--dsw-alias-state-error-tertiary': p.panelAlt,
    '--dsw-alias-state-success-primary': 'rgb(34, 197, 94)',
    '--dsw-alias-state-success-secondary': 'rgb(78, 209, 126)',
    '--dsw-alias-state-success-tertiary': p.panelAlt,
    '--dsw-alias-state-warn-label': 'rgb(221, 134, 41)',
    '--dsw-alias-state-warn-primary': 'rgb(245, 158, 11)',
    '--dsw-alias-state-warn-secondary': 'rgb(247, 173, 49)',
    '--dsw-alias-state-warn-tertiary': p.panelAlt,
    '--dsw-alias-toast-bg': deep,
    '--dsw-alias-tooltip-bg': deep,
    '--dsw-specific-bubble': p.panel,
    '--dsw-specific-bubble-highlight': p.panelAlt,
    '--dsw-specific-input-major': p.panel,
    '--dsw-specific-login-input': p.panelAlt,
    '--dsw-specific-menu': p.panelAlt,
    '--dsw-specific-selector': p.panelAlt,
    '--dsw-specific-sidebar-fill': p.panel,
    '--dsw-specific-sidebar-nav-item-active': p.panelAlt,
    '--dsw-specific-sidebar-nav-item-active-accent': p.accent,
    '--dsw-specific-sidebar-nav-item-hover': p.panelAlt,
    '--dsw-specific-tip': p.panelAlt,
    '--dsw-shadow-lv1': '0 2px 4px rgba(2, 6, 14, 0.3)',
    '--dsw-shadow-lv1-blur': '0 4px 12px rgba(2, 6, 14, 0.25)',
    '--dsw-shadow-lv2': '0 4px 12px rgba(2, 6, 14, 0.3), 0 2px 8px rgba(2, 6, 14, 0.25)',
    '--dsw-shadow-lv3': '0 0 1px rgba(2, 6, 14, 0.4), 0 12px 32px rgba(2, 6, 14, 0.45)',
  }
}

/** Build a full theme definition from a palette and an optional wallpaper (custom themes). */
export function buildThemeDefinition(
  id: string,
  colorScheme: 'light' | 'dark',
  p: DreamSkinPalette,
  wallpaper?: Wallpaper,
): ThemeDefinition {
  return Object.freeze({ id, colorScheme, tokens: Object.freeze(tokensFor(p, wallpaper)) })
}

/** Resolve a preset's wallpaper from the shipped wallpaper table. */
function wallpaperFor(id: string): Wallpaper | undefined {
  const w = WALLPAPERS[id]
  if (w === undefined) return undefined
  const thumb = WALLPAPER_THUMBS[id]
  return thumb === undefined ? w : { ...w, thumb }
}

/** Map a shipped preset onto its alias tokens. */
function toTokens(id: string, p: DreamSkinPalette): ThemeTokens {
  return tokensFor(p, wallpaperFor(id))
}

/** One selectable Dream Skin preset. */
export interface DreamSkinPreset {
  /** theme id (the setTheme argument). */
  id: string
  /** User-facing label. */
  label: string
  /** Registered theme definition. */
  definition: ThemeDefinition
  /** Preview swatches: background, accent, text. */
  swatches: readonly string[]
  /** Wallpaper metadata when this preset ships a background image. */
  wallpaper?: Wallpaper
  /** Original palette, for dynamic scrim rebuilds. */
  palette: DreamSkinPalette
}

function preset(id: string, label: string, colorScheme: 'light' | 'dark', palette: DreamSkinPalette): DreamSkinPreset {
  const wp = wallpaperFor(id)
  return {
    id,
    label,
    definition: Object.freeze({
      id,
      colorScheme,
      tokens: Object.freeze(toTokens(id, palette)),
    }),
    swatches: Object.freeze([palette.background, palette.accent, palette.text]),
    ...(wp === undefined ? {} : { wallpaper: wp }),
    palette,
  }
}

/** Shipped local presets, in display order. */
export const DREAM_SKIN_PRESETS: readonly DreamSkinPreset[] = Object.freeze([
  // ── 内置 ──
  preset('dream-codex', 'Codex Codex 默认暗色', 'dark', {
    background: '#111318',
    panel: '#191c22',
    panelAlt: '#20242b',
    accent: '#8298a3',
    accentAlt: '#a0adb3',
    secondary: '#8da397',
    highlight: '#9d94a3',
    text: '#edf0f1',
    muted: '#a3aaae',
    line: 'rgba(130, 152, 163, .24)',
  }),
  preset('dream-gothic', 'Gothic Void Crusade', 'dark', {
    background: '#0d0d0e',
    panel: '#171513',
    panelAlt: '#211d18',
    accent: '#c8a55a',
    accentAlt: '#e3c27a',
    secondary: '#74352e',
    highlight: '#8a2f27',
    text: '#f3ead7',
    muted: '#b5a386',
    line: 'rgba(200, 165, 90, .28)',
  }),
  // ── dreamskin.cc 社区（下载前 30）──
  preset('morning-mist', '晨雾山水', 'light', {
    background: '#f2eee5',
    panel: '#fbf9f3',
    panelAlt: '#e8e2d6',
    accent: '#66776f',
    accentAlt: '#87968e',
    secondary: '#a88f5b',
    highlight: '#4f6259',
    text: '#272b28',
    muted: '#747971',
    line: 'rgba(102, 119, 111, 0.28)',
  }),
  preset('cecilylove002', '休闲室内居家', 'dark', {
    background: '#131313',
    panel: '#1e1e1e55',
    panelAlt: '#2a2a2a',
    accent: '#4b75a6',
    accentAlt: '#6488b2',
    secondary: '#b9a788',
    highlight: '#7898bc',
    text: '#f0f0f0',
    muted: '#939393',
    line: '#3f3f3f',
  }),
  preset('wukong', '悟空（WUKONG）', 'dark', {
    background: '#131313',
    panel: '#1d1e1d',
    panelAlt: '#2a2a2a',
    accent: '#f6c696',
    accentAlt: '#f7cea5',
    secondary: '#2c7c95',
    highlight: '#f8d4b0',
    text: '#f0f0f0',
    muted: '#939393',
    line: '#3f3f3f',
  }),
  preset('dreamskin-2560x1440', '保险柜 办公室 卡通 DreamSkin 2560x1440', 'dark', {
    background: '#131313',
    panel: '#1e1e1d',
    panelAlt: '#2b2b2a',
    accent: '#d04f37',
    accentAlt: '#d76853',
    secondary: '#bcd08d',
    highlight: '#dc7b69',
    text: '#f0f0ef',
    muted: '#939393',
    line: '#3f3f3f',
  }),
  preset('deepseek', 'DeepSeek-鲸鱼娘', 'light', {
    background: '#bd9999',
    panel: '#abb4cf',
    panelAlt: '#c3cee4',
    accent: '#7a4e29',
    accentAlt: '#ceb683',
    secondary: '#85c1cc',
    highlight: '#455b78',
    text: '#352970',
    muted: '#030303',
    line: '#d3d3d4',
  }),
  preset('mikuu-full-background', 'mikuu full background', 'light', {
    background: '#f5f6f7',
    panel: '#ffffff',
    panelAlt: '#e7e9eb',
    accent: '#0e8fbf',
    accentAlt: '#0c7ba4',
    secondary: '#5575d1',
    highlight: '#0b6b8f',
    text: '#191b1f',
    muted: '#68696c',
    line: '#d2d3d4',
  }),
  preset('reze', '蕾塞', 'dark', {
    background: '#541d28',
    panel: '#18292a',
    panelAlt: '#2b2a29',
    accent: '#d8d0ca',
    accentAlt: '#7e553a',
    secondary: '#4a7c6f',
    highlight: '#b48d74',
    text: '#f0f0ef',
    muted: '#949392',
    line: '#403f3e',
  }),
  preset('firefly', 'firefly', 'light', {
    background: 'rgba(230, 239, 240, 0.04)',
    panel: 'rgba(189, 204, 209, 0.26)',
    panelAlt: 'rgba(224, 237, 240, 0.68)',
    accent: '#f59e0b',
    accentAlt: '#e63983',
    secondary: '#08a9b9',
    highlight: '#fff0c7',
    text: '#263b42',
    muted: '#4f6971',
    line: 'rgba(78, 121, 131, 0.38)',
  }),
  preset('juzizhoutou', '橘子洲头-毛主席', 'dark', {
    background: '#131313',
    panel: '#1d1d1d',
    panelAlt: '#2a2a2a',
    accent: '#ebb273',
    accentAlt: '#eebd87',
    secondary: '#2a7aa4',
    highlight: '#f0c596',
    text: '#f0f0f0',
    muted: '#939393',
    line: '#3f3f3f',
  }),
  preset('republic', '人民的AI', 'light', {
    background: '#f7f5f5',
    panel: '#fefefe',
    panelAlt: '#ece8e7',
    accent: '#f04a3b',
    accentAlt: '#ce4033',
    secondary: '#dd5c50',
    highlight: '#b4382c',
    text: '#201918',
    muted: '#6d6868',
    line: '#d5d2d2',
  }),
  preset('idea-engine', '灵感小宇宙', 'light', {
    background: '#f1faf8',
    panel: '#ffffff',
    panelAlt: '#e2f3f0',
    accent: '#2dbdb7',
    accentAlt: '#f0c928',
    secondary: '#53a9df',
    highlight: '#ef7064',
    text: '#173033',
    muted: '#567a77',
    line: '#2dbdb7',
  }),
  preset('forest', '安静氛围 森林', 'dark', {
    background: '#131412',
    panel: '#1d1e1c',
    panelAlt: '#292c29',
    accent: '#ca9055',
    accentAlt: '#d1a06d',
    secondary: '#308351',
    highlight: '#d7ac80',
    text: '#eff0ef',
    muted: '#939492',
    line: '#3f403e',
  }),
  preset('violet-evergarden', 'Cyber · 紫罗兰永恒花园 · Violet Evergarden', 'dark', {
    background: '#34323e',
    panel: '#625F73',
    panelAlt: '#5D5F70',
    accent: '#FBEDF1',
    accentAlt: '#5D676F',
    secondary: '#88E0A1',
    highlight: '#7BAFDD',
    text: '#FFFFFF',
    muted: '#A6A6A6',
    line: '#B5B2D7',
  }),
  preset('claude-eva-warm', 'Claude EVA 暖奶油', 'light', {
    background: '#F4F1EA',
    panel: '#FAF7F0',
    panelAlt: '#EFEAE0',
    accent: '#D97757',
    accentAlt: '#E28C6E',
    secondary: '#8B95A1',
    highlight: '#F5E7DC',
    text: '#3D3A33',
    muted: '#8A8477',
    line: '#E3DCD0',
  }),
  preset('cloud-ascent', '云上仙途', 'light', {
    background: '#f1f7f3',
    panel: '#e2eee7',
    panelAlt: '#e2eee7',
    accent: '#69b99a',
    accentAlt: '#9bd8ba',
    secondary: '#73b8c2',
    highlight: '#d9b86c',
    text: '#24332e',
    muted: '#657b73',
    line: '#69b99a',
  }),
  preset('quiet-paper', '清透定制', 'light', {
    background: '#f5f6ee',
    panel: '#e9ede1',
    panelAlt: '#e9ede1',
    accent: '#91a176',
    accentAlt: '#b1bd91',
    secondary: '#c7ceb0',
    highlight: '#6f8057',
    text: '#252a20',
    muted: '#68705d',
    line: '#91a176',
  }),
  preset('miku', 'miku-猛男版', 'light', {
    background: '#a0b9cd',
    panel: '#f8f8f8',
    panelAlt: '#e4e4e4',
    accent: '#9c8c55',
    accentAlt: '#887946',
    secondary: '#b88381',
    highlight: '#7a6c3e',
    text: '#181818',
    muted: '#646464',
    line: '#cbcbcb',
  }),
  preset('jimeng-2026-08-04-5645', '蓬松栗棕色长卷发小美女', 'dark', {
    background: '#131313',
    panel: '#1d1d1d',
    panelAlt: '#2a2a2a',
    accent: '#996c4b',
    accentAlt: '#a78164',
    secondary: '#6c97a9',
    highlight: '#b39178',
    text: '#f0f0f0',
    muted: '#939393',
    line: '#3f3f3f',
  }),
  preset('rainwashed-celadon', '雨过青瓷', 'light', {
    background: '#edf2ee',
    panel: '#f8faf7',
    panelAlt: '#dde8e2',
    accent: '#63877e',
    accentAlt: '#85a39b',
    secondary: '#93a9a1',
    highlight: '#496d65',
    text: '#24312d',
    muted: '#6e7f78',
    line: 'rgba(99, 135, 126, 0.28)',
  }),
  preset('cecilylove003', '好看户外治愈', 'light', {
    background: 'rgba(205, 231, 242, 0)',
    panel: 'rgba(245, 250, 252, 0.25)',
    panelAlt: 'rgba(248, 252, 253, 0.72)',
    accent: '#176b99',
    accentAlt: '#2f83ae',
    secondary: '#55733b',
    highlight: '#0f587d',
    text: '#17323f',
    muted: 'rgba(36, 69, 84, 0.74)',
    line: 'rgba(31, 82, 107, 0.22)',
  }),
  preset('20250906191759-6023-71', '202509061917596371', 'dark', {
    background: '#141213',
    panel: '#1f1c1d',
    panelAlt: '#2d2729',
    accent: '#eb1241',
    accentAlt: '#ee335c',
    secondary: '#9c5c8b',
    highlight: '#f1597b',
    text: '#f1efef',
    muted: '#949293',
    line: '#403e3f',
  }),
  preset('redline-breakout', 'SPIDER-MAN', 'dark', {
    background: '#090808',
    panel: '#151112',
    panelAlt: '#241a1b',
    accent: '#e64835',
    accentAlt: '#ff7566',
    secondary: '#d6cbbd',
    highlight: '#921f24',
    text: '#f5efe5',
    muted: '#b9aea1',
    line: 'rgba(227, 63, 54, 0.30)',
  }),
  // ── 女仆装 ──
  preset('maid-whale', '云鲸纸面 · 女仆装', 'light', {
    background: '#eef4f7',
    panel: '#f7fafb',
    panelAlt: '#e3eef2',
    accent: '#3d7a99',
    accentAlt: '#6ba3c2',
    secondary: '#88b4cd',
    highlight: '#2d5f7a',
    text: '#1d2b33',
    muted: '#6b7c85',
    line: 'rgba(61, 122, 153, 0.25)',
  }),
  // 深海女仆工坊：与 chrome 皮肤配套的调色板（海军蓝 + 金色）。
  preset('maid-atelier', '深海女仆工坊', 'light', {
    background: '#dce6f5',
    panel: 'rgba(248, 250, 255, 0.72)',
    panelAlt: 'rgba(235, 240, 250, 0.84)',
    accent: '#526aa8',
    accentAlt: '#8ea5da',
    secondary: '#c5a468',
    highlight: '#405a99',
    text: '#172347',
    muted: '#52618f',
    line: 'rgba(71, 91, 145, 0.3)',
  }),
  // ── dsh-web-ui 皮肤主题（背景图壁纸） ──
  // 蓝色幻想：鲸墨靛蓝白天，靛蓝夜。
  preset('blue-fantasy', '蓝色幻想', 'light', {
    background: '#e8ecf5',
    panel: 'rgba(248, 250, 255, 0.78)',
    panelAlt: 'rgba(236, 240, 250, 0.82)',
    accent: '#647ebf',
    accentAlt: '#7f96d2',
    secondary: '#d9a94f',
    highlight: '#4a5a99',
    text: '#1d2539',
    muted: '#5a688c',
    line: 'rgba(100, 126, 191, 0.28)',
  }),
  // 夕港：黄昏海港，深紫蓝夜。
  preset('harbor', '夕港', 'dark', {
    background: '#141a2e',
    panel: 'rgba(24, 31, 54, 0.72)',
    panelAlt: 'rgba(29, 37, 64, 0.76)',
    accent: '#ff9d5c',
    accentAlt: '#ffb98a',
    secondary: '#8ab4de',
    highlight: '#e0844a',
    text: '#fff5ec',
    muted: '#b8bdd4',
    line: 'rgba(255, 255, 255, 0.14)',
  }),
  // 鲸吟：冰蓝海面，藏青夜。
  // 鲸语：深海母鲸，深海蓝夜。
  preset('whale-mom', '鲸语', 'dark', {
    background: '#0a1020',
    panel: 'rgba(10, 15, 30, 0.72)',
    panelAlt: 'rgba(12, 18, 36, 0.76)',
    accent: '#53a4dd',
    accentAlt: '#86c2ec',
    secondary: '#57b57c',
    highlight: '#3d8ac4',
    text: '#eef2f8',
    muted: '#6d84c0',
    line: 'rgba(120, 192, 240, 0.16)',
  }),])