Flicker-Free Theming and Preference Persistence
skill · created
Evidence record
- What is verified
- Uses in published workflows: 1
- Revision
- Version 0.3.0
- Validation status
- Public-sanitized publication; no independent validation is claimed.
What this is and why
Implements dark and light theming and language persistence with no flash of the wrong theme at load. A synchronous inline script at the top of the document head resolves the stored choice, then the system preference, before any stylesheet paints; client-framework state may only mirror that decision, never make it. The pattern keeps CDN caching intact by avoiding cookies on cacheable responses, covers no-JS users through a media-query fallback, and is verified by a first-paint screenshot matrix across stored and system theme combinations.
Where it was applied and what it helped deliver
Relations
- Uses: derived-from
- frontend-uistyle-guide
- Uses: validated-by
- design-system
- Used by: derived-from
- motion-designseo-hreflang
- Used by: uses
- component-librarydesign-lead
- Required by: selects
- talo-0083-motion-layer
Metadata and provenance
- id
- tal-skill-theming-anti-fouc
- type
- skill
- version
- 0.3.0
- origin
- created in Talomnia
- lifecycle
- public_sanitized
- tags
- design, theming, i18n, tz-14-2
The source is the private knowledge repository; only the sanitized public projection reaches this site.
verified · tal-skill-theming-anti-fouc · v0.3.0