Container view — Theme system
theme-system-overview · hero
Component view — Theme definitions and generation
theme-system-overview › theme-definitions-view
Component view — Font assets and fetching
theme-system-overview › font-assets-view
Theme build and font ingestion
theme-generation-flow
FontFamilyQuery → FontBinary[3]
FontManifest → void
ThemeDefinition[] → void
void → ThemeOption[]
UPDATING.md src/lib/themes/all.ts src/lib/themes/aurora.theme.ts and 7 more
src/app.css src/lib/theme-contrast.test.ts src/lib/themes/generated.css and 1 more
src/lib/themes/index.ts
scripts/fetch-fonts.mjs scripts/fetch-fonts.test.ts
NOTICE _headers static/fonts/Nunito-latin-ext.woff2 and 5 more
package.json scripts/build-themes.test.ts scripts/build-themes.ts
.github/workflows/ci.yml
src/routes/(public)/+layout.server.ts src/routes/(public)/+page.server.ts src/routes/(public)/+page@.svelte
src/routes/(paths)/+layout.svelte src/routes/(paths)/art/+page.svelte
src/routes/admin/+layout.svelte src/routes/admin/settings/+page.server.ts src/routes/admin/settings/+page.svelte
UPDATING.md src/lib/themes/all.ts src/lib/themes/aurora.theme.ts and 7 more
src/app.css src/lib/theme-contrast.test.ts src/lib/themes/generated.css and 1 more
src/lib/themes/index.ts
scripts/fetch-fonts.mjs scripts/fetch-fonts.test.ts
package.json scripts/build-themes.test.ts scripts/build-themes.ts
.github/workflows/ci.yml
src/routes/(public)/+layout.server.ts src/routes/(public)/+page.server.ts src/routes/(public)/+page@.svelte
src/routes/(paths)/+layout.svelte src/routes/(paths)/art/+page.svelte
src/routes/admin/+layout.svelte src/routes/admin/settings/+page.server.ts src/routes/admin/settings/+page.svelte
UPDATING.md src/lib/themes/all.ts src/lib/themes/aurora.theme.ts and 7 more
src/app.css src/lib/theme-contrast.test.ts src/lib/themes/generated.css and 1 more
src/lib/themes/index.ts
scripts/fetch-fonts.mjs scripts/fetch-fonts.test.ts
NOTICE _headers static/fonts/Nunito-latin-ext.woff2 and 5 more
package.json scripts/build-themes.test.ts scripts/build-themes.ts
src/routes/(public)/+layout.server.ts src/routes/(public)/+page.server.ts src/routes/(public)/+page@.svelte
src/routes/(paths)/+layout.svelte src/routes/(paths)/art/+page.svelte
src/routes/admin/+layout.svelte src/routes/admin/settings/+page.server.ts src/routes/admin/settings/+page.svelte
UPDATING.md src/lib/themes/all.ts src/lib/themes/aurora.theme.ts and 7 more
src/app.css src/lib/theme-contrast.test.ts src/lib/themes/generated.css and 1 more
src/lib/themes/index.ts
scripts/fetch-fonts.mjs scripts/fetch-fonts.test.ts
NOTICE _headers static/fonts/Nunito-latin-ext.woff2 and 5 more
package.json scripts/build-themes.test.ts scripts/build-themes.ts
src/routes/admin/+layout.svelte src/routes/admin/settings/+page.server.ts src/routes/admin/settings/+page.svelte
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
/
What could this change break?
What should I review most carefully?
Drag to select a region · Space to pan
↵
feat(themes): add the Petal and Pewter themes (SONA-227)
sona-fast/sona #443
· 4 diagrams
Start the walkthrough
W
Toggle architecture
Toggle data flow
Fit the whole strip
1
Copy share link
Switch to light
How to move around
Ask about this canvas
/
◈ Rendered by
PR Lens
· crafted with ❤️ by the
Coldtea
team
100%
Container view — Theme system
Architecture
Component view — Theme definitions and generation
Architecture
Component view — Font assets and fetching
Architecture
Theme build and font ingestion
Data flow
Looking around
Resume walkthrough
↵
This diagram has a walkthrough
scroll to move through it
swipe to move through it