# Zavvion Events Theme And Skin Coverage

This page records how the Cloud Code theme preview outputs are represented in
the real application.

## Source Preview Files Checked

The following local Cloud Code preview files were checked on 2026-05-05:

- `preview-argento.html`
- `preview-carnivale.html`
- `preview-cobra.html`
- `preview-doge.html`
- `preview-elegy.html`
- `preview-foundry.html`
- `preview-gala.html`
- `preview-hannya.html`
- `preview-ironwood.html`
- `preview-ivory.html`
- `preview-onyx.html`
- `preview-pavilion.html`
- `preview-ritual.html`
- `preview-serpent.html`
- `preview-tiki.html`
- `preview-verdant.html`

## Application Coverage

The 16 approved Cloud Code image-backed skin IDs are represented in:

- Backend catalog: `src/Admin/SiteThemeCatalog.php`
- Frontend CSS: `public/assets/css/zavvion-ui.css`
- Frontend fallback catalog: `public/assets/js/zavvion-ui.js`
- Admin Theme Studio: `public/admin.html#theme-studio`
- Dedicated gallery: `public/theme-gallery.html`

The active skins are stored under `public/assets/img/themes`:

- `argento.jpg`
- `carnivale.jpg`
- `cobra.jpg`
- `doge.jpg`
- `elegy.jpg`
- `foundry.jpg`
- `gala.jpg`
- `hannya.jpg`
- `ironwood.jpg`
- `ivory.jpg`
- `onyx.jpg`
- `pavilion.jpg`
- `ritual.jpg`
- `serpent.jpg`
- `tiki.jpg`
- `verdant.jpg`

The retired foundation skins (`obsidian`, `midnight`, `aurora`, `ember`, `noir`, `velvet`, `forest`) are intentionally excluded from the admin catalog, public gallery, and frontend fallback catalog.

## Preview URLs

Open the full gallery at:

`http://localhost/zavvion-events/public/theme-gallery.html`

Open any public page in a specific skin by adding `?theme=<id>`, for example:

- `http://localhost/zavvion-events/public/home.html?theme=gala`
- `http://localhost/zavvion-events/public/events.html?theme=tiki`
- `http://localhost/zavvion-events/public/event.html?slug=demo-gala&theme=doge`
- `http://localhost/zavvion-events/public/checkout.html?theme=ivory`

The admin Theme Studio also links to the full gallery.