Ring Tower: Unsplash demo photos and light/dark theme

[radiumcoders]

Unsplash demo photos

• The docs demo wraps the bands in eight landscape photos loaded straight from images.unsplash.com (it sends Access-Control-Allow-Origin: *), cropped to 3:2 so eight fill one band.
• An Images control switches between Photos, the line-art Cards, and None (the built-in grid band), with a small "Photos from Unsplash" credit.

Light and dark mode

• New theme prop ("light" | "dark" | "auto", default "auto") on React and Svelte. auto follows html.dark / html.light, data-theme, and prefers-color-scheme live.
• The inside of the bands fades toward black in dark mode and white in light mode, easing when the theme changes.
• The demo stage and docs examples use bg-background / from-background instead of hard-coded black.
• The component conventions now require light and dark support for every component and demo.

Also runs Prettier on the engine; the published registry files are rebuilt to match.

Checked: pnpm test, typecheck, and lint pass. Both themes checked in the browser, including a live switch.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: f73b6996-1a3f-49db-9d53-62efcf225efb

---

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

---

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Cloudflare preview is ready.

Preview	https://pr-45-23rd-dev.radiumcoders.workers.dev
This commit	https://7484643e-23rd-dev.radiumcoders.workers.dev

Production (23rd.dev) is unchanged. This preview URL stays the same as you push to this PR.