module

Sunstone::Docs::C_THEMING::Themes

Themes & Theme-Scoped Palettes

Executive Summary & Key Topics

Topic Method / Anchor Description
Built-In Themes .topic_01_themes_overview Differences between the generic and sol.vin themes.
Palette per Slide .topic_02_palette_per_slide Switching palettes per slide without styling conflicts.

Class methods

topic_01_themes_overview

Built-In Themes: Differences between the generic and sol.vin themes.

Sunstone ships with two built-in themes:

  • generic (Default): Clean, modern, high-contrast engineering aesthetic. Employs 8 modern dark and light palettes (slate_dark, clean_light, emerald_matrix, midnight_indigo, crimson_obsidian, sunset_amber, nordic_ice, cyber_neon). Completely free of extraneous visual elements.
  • sol.vin: Retro terminal and desktop-inspired theme. Employs 46 retro palettes (spaces_98, warm_paper, neon_cyber, monokai, etc.), renders an interactive 3D spinning isometric wireframe cube (cube.js), and includes SVG chromatic color-matrix filters for emojis.
Source
topic_02_palette_per_slide

Palette per Slide: Switching palettes per slide without styling conflicts.

Every slide can specify palette: <id>. Sunstone compiles CSS definitions for each palette in the theme:

.slide[data-palette="slate_dark"] {
  --sunstone-bg: #0f172a;
  --sunstone-surface: #1e293b;
  --sunstone-accent: #38bdf8;
  --sunstone-text-primary: #f8fafc;
}

When Reveal.js navigates between slides, the browser transitions colors instantly and smoothly without any DOM rewriting.

Source