Skip to content
dev

Theme Playground

Preview complete theme snapshots in an isolated document. The application owns saving and font storage.

Default Rendered example
  • Choose a base
  • Arai Hû
  • Goshtoso
  • Minimal
  • Modern
  • Arctic
  • High Contrast
  • Neo Brutalism
  • News
  • Industrial
  • 90s
  • Pastel
  • Christmas
  • Halloween
  • Halloween II
  • Prototype
  • Dracula
Imports on selection. Single Goshtoso theme export, up to 1 MiB. Fonts must already be available.
  • Go Regular · hosted · 400 · normal
  • Concert One · Google Fonts · default · normal
  • Denk One · Google Fonts · default · normal
  • Fira Code · Google Fonts · default · normal
  • Inconsolata · Google Fonts · default · normal
  • Instrument Sans · Google Fonts · default · normal
  • Inter · Google Fonts · default · normal
  • JetBrains Mono · Google Fonts · default · normal
  • Jost · Google Fonts · default · normal
  • Lato · Google Fonts · default · normal
  • Merriweather · Google Fonts · default · normal
  • Montserrat · Google Fonts · default · normal
  • Open Sans · Google Fonts · default · normal
  • Oswald · Google Fonts · default · normal
  • Playfair Display · Google Fonts · default · normal
  • Playpen Sans · Google Fonts · default · normal
  • Poppins · Google Fonts · default · normal
  • Raleway · Google Fonts · default · normal
  • Roboto · Google Fonts · default · normal
  • Source Code Pro · Google Fonts · default · normal
  • Space Mono · Google Fonts · default · normal
  • Denk One · system · default · normal
  • Fira Code · system · default · normal
  • Instrument Sans · system · default · normal
  • Inter · system · default · normal
  • Jost · system · default · normal
  • Lato · system · default · normal
  • Lato · system · default · normal
  • Merriweather · system · default · normal
  • Montserrat · system · default · normal
  • Oswald · system · default · normal
  • Playpen Sans · system · default · normal
  • Poppins · system · default · normal
  • Space Mono · system · default · normal
  • system-ui · system · default · normal
  • ui-monospace · system · default · normal
  • ui-serif · system · default · normal
  • Go Regular · hosted · 400 · normal
  • Concert One · Google Fonts · default · normal
  • Denk One · Google Fonts · default · normal
  • Fira Code · Google Fonts · default · normal
  • Inconsolata · Google Fonts · default · normal
  • Instrument Sans · Google Fonts · default · normal
  • Inter · Google Fonts · default · normal
  • JetBrains Mono · Google Fonts · default · normal
  • Jost · Google Fonts · default · normal
  • Lato · Google Fonts · default · normal
  • Merriweather · Google Fonts · default · normal
  • Montserrat · Google Fonts · default · normal
  • Open Sans · Google Fonts · default · normal
  • Oswald · Google Fonts · default · normal
  • Playfair Display · Google Fonts · default · normal
  • Playpen Sans · Google Fonts · default · normal
  • Poppins · Google Fonts · default · normal
  • Raleway · Google Fonts · default · normal
  • Roboto · Google Fonts · default · normal
  • Source Code Pro · Google Fonts · default · normal
  • Space Mono · Google Fonts · default · normal
  • Denk One · system · default · normal
  • Fira Code · system · default · normal
  • Instrument Sans · system · default · normal
  • Inter · system · default · normal
  • Jost · system · default · normal
  • Lato · system · default · normal
  • Lato · system · default · normal
  • Merriweather · system · default · normal
  • Montserrat · system · default · normal
  • Oswald · system · default · normal
  • Playpen Sans · system · default · normal
  • Poppins · system · default · normal
  • Space Mono · system · default · normal
  • system-ui · system · default · normal
  • ui-monospace · system · default · normal
  • ui-serif · system · default · normal
Preview mode

Color roles

Hex, color(srgb …) or oklch(…). Derived roles update automatically.

Confirm draft change

Color contrast

Text contrast estimates for the current preview mode.

Surface

Primary

Secondary

Usage Example
@themeplayground.ThemePlayground(themeplayground.Config{ID: "preview", Src: "/theme-preview", Title: "Theme preview"})

Go API

development

The examples above cover behavior and composition. pkg.go.dev is the canonical reference for exported types, functions, methods, and Go documentation.

github.com/araihu/goshtoso/components/themeplayground

An exact external API link is added to versioned builds.