Forum showcase — VelinStyle

How do you ship a 13-theme picker without a flash of un-themed content?

Maria L. Solved 3 hours ago

Theming CSS

18 replies 312 views
Combining :has() with container queries inside velin-card

Akira P. Discussion Yesterday

CSS Components

7 replies 148 views
Layout audit reported flex-no-wrap-overflow — what's the right fix?

Joana R. Help 2 days ago

CLI Layout

4 replies 96 views
Showcase: replacing a Bootstrap admin with VelinStyle in one sprint

Ben C. Showcase Last week

Showcase Migration

22 replies 540 views

Selected thread

Maria L. · 3h ago · Solved

We solved the flash-of-un-themed content by storing the chosen slug in localStorage and writing it to <html data-velin-theme> in a tiny inline script before any stylesheet loads.

Akira P. · 2h ago

Storing velin-theme in localStorage means SSR routes also need to read it server-side—otherwise hydration flashes.
Joana R. · 1h ago

For static hosts the inline script in <head> is enough. We added @vite-ignore on the dynamic <link> import to keep bundlers happy.

Reply

Message

Tip: type @ to mention a user (powered by velin-popover).

Mention

VelinTalk forum

How do you ship a 13-theme picker without a flash of un-themed content?

Combining `:has()` with container queries inside `velin-card`

Layout audit reported flex-no-wrap-overflow — what's the right fix?

Showcase: replacing a Bootstrap admin with VelinStyle in one sprint

How do you ship a 13-theme picker without a flash of un-themed content?

Combining :has() with container queries inside velin-card

Layout audit reported flex-no-wrap-overflow — what's the right fix?

Showcase: replacing a Bootstrap admin with VelinStyle in one sprint

Combining `:has()` with container queries inside `velin-card`