860b422b9a
Host does not consume LoadedPlugin.BundledFonts (CMS dead code), so declare @font-face against the served /templates/kindergarten/fonts/*.woff2 paths and set typography.fontHeading/fontBody in all 5 presets so --font-heading/--font-body resolve to the bundled families. Also constrain .kg-alphabet-strip to the .kg-container max-width/inset so its left edge aligns with every other block (design-review cosmetic note). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
273 lines
8.9 KiB
JSON
273 lines
8.9 KiB
JSON
[
|
|
{
|
|
"id": "crayon-box",
|
|
"name": "Crayon Box",
|
|
"description": "The default — crayon blue, red, and yellow. Bright classroom by day, quiet-time navy by night.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:kindergarten:Baloo 2",
|
|
"fontBody": "template:kindergarten:Quicksand"
|
|
},
|
|
"lightColors": {
|
|
"background": "48 55% 98%",
|
|
"foreground": "222 47% 16%",
|
|
"card": "0 0% 100%",
|
|
"cardForeground": "222 47% 16%",
|
|
"popover": "0 0% 100%",
|
|
"popoverForeground": "222 47% 16%",
|
|
"primary": "222 80% 54%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "4 78% 57%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "48 40% 93%",
|
|
"mutedForeground": "222 20% 40%",
|
|
"accent": "45 96% 56%",
|
|
"accentForeground": "222 50% 14%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "222 25% 86%",
|
|
"input": "48 30% 90%",
|
|
"ring": "222 80% 54%"
|
|
},
|
|
"darkColors": {
|
|
"background": "224 46% 9%",
|
|
"foreground": "48 55% 95%",
|
|
"card": "224 42% 13%",
|
|
"cardForeground": "48 55% 95%",
|
|
"popover": "224 42% 13%",
|
|
"popoverForeground": "48 55% 95%",
|
|
"primary": "218 90% 66%",
|
|
"primaryForeground": "224 46% 9%",
|
|
"secondary": "4 84% 64%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "224 34% 17%",
|
|
"mutedForeground": "220 20% 70%",
|
|
"accent": "45 96% 62%",
|
|
"accentForeground": "224 46% 9%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "224 32% 22%",
|
|
"input": "224 32% 19%",
|
|
"ring": "45 96% 62%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "sunny-recess",
|
|
"name": "Sunny Recess",
|
|
"description": "Warm red-and-sun classroom by day, soft navy with a glow-star yellow for nap time.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:kindergarten:Baloo 2",
|
|
"fontBody": "template:kindergarten:Quicksand"
|
|
},
|
|
"lightColors": {
|
|
"background": "40 70% 97%",
|
|
"foreground": "20 40% 18%",
|
|
"card": "0 0% 100%",
|
|
"cardForeground": "20 40% 18%",
|
|
"popover": "0 0% 100%",
|
|
"popoverForeground": "20 40% 18%",
|
|
"primary": "8 82% 56%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "205 75% 52%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "40 45% 92%",
|
|
"mutedForeground": "20 20% 40%",
|
|
"accent": "42 96% 55%",
|
|
"accentForeground": "20 45% 16%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "32 35% 85%",
|
|
"input": "40 35% 90%",
|
|
"ring": "8 82% 56%"
|
|
},
|
|
"darkColors": {
|
|
"background": "222 45% 9%",
|
|
"foreground": "40 60% 95%",
|
|
"card": "222 40% 13%",
|
|
"cardForeground": "40 60% 95%",
|
|
"popover": "222 40% 13%",
|
|
"popoverForeground": "40 60% 95%",
|
|
"primary": "10 88% 64%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "205 82% 62%",
|
|
"secondaryForeground": "222 45% 9%",
|
|
"muted": "222 32% 17%",
|
|
"mutedForeground": "40 22% 72%",
|
|
"accent": "44 96% 62%",
|
|
"accentForeground": "222 45% 9%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "222 30% 22%",
|
|
"input": "222 30% 19%",
|
|
"ring": "44 96% 62%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "bluebird",
|
|
"name": "Bluebird",
|
|
"description": "Calm blue-and-teal for reading corners. Deep quiet navy with a teal glow after dark.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:kindergarten:Baloo 2",
|
|
"fontBody": "template:kindergarten:Quicksand"
|
|
},
|
|
"lightColors": {
|
|
"background": "205 60% 98%",
|
|
"foreground": "218 45% 16%",
|
|
"card": "0 0% 100%",
|
|
"cardForeground": "218 45% 16%",
|
|
"popover": "0 0% 100%",
|
|
"popoverForeground": "218 45% 16%",
|
|
"primary": "212 84% 52%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "45 95% 55%",
|
|
"secondaryForeground": "218 50% 14%",
|
|
"muted": "205 40% 93%",
|
|
"mutedForeground": "218 22% 42%",
|
|
"accent": "175 70% 42%",
|
|
"accentForeground": "0 0% 100%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "210 30% 86%",
|
|
"input": "205 30% 90%",
|
|
"ring": "212 84% 52%"
|
|
},
|
|
"darkColors": {
|
|
"background": "220 48% 9%",
|
|
"foreground": "205 55% 95%",
|
|
"card": "220 44% 13%",
|
|
"cardForeground": "205 55% 95%",
|
|
"popover": "220 44% 13%",
|
|
"popoverForeground": "205 55% 95%",
|
|
"primary": "210 92% 66%",
|
|
"primaryForeground": "220 48% 9%",
|
|
"secondary": "45 96% 62%",
|
|
"secondaryForeground": "220 48% 9%",
|
|
"muted": "220 34% 17%",
|
|
"mutedForeground": "205 20% 72%",
|
|
"accent": "172 80% 52%",
|
|
"accentForeground": "220 48% 9%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "220 32% 22%",
|
|
"input": "220 32% 19%",
|
|
"ring": "172 80% 52%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "meadow",
|
|
"name": "Meadow Play",
|
|
"description": "Green-and-orange nature play by day, deep teal-navy with a warm glow for winding down.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:kindergarten:Baloo 2",
|
|
"fontBody": "template:kindergarten:Quicksand"
|
|
},
|
|
"lightColors": {
|
|
"background": "90 45% 97%",
|
|
"foreground": "140 35% 15%",
|
|
"card": "0 0% 100%",
|
|
"cardForeground": "140 35% 15%",
|
|
"popover": "0 0% 100%",
|
|
"popoverForeground": "140 35% 15%",
|
|
"primary": "145 62% 40%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "25 88% 55%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "90 30% 92%",
|
|
"mutedForeground": "140 18% 38%",
|
|
"accent": "48 95% 55%",
|
|
"accentForeground": "140 40% 14%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "110 25% 84%",
|
|
"input": "90 25% 89%",
|
|
"ring": "145 62% 40%"
|
|
},
|
|
"darkColors": {
|
|
"background": "200 40% 9%",
|
|
"foreground": "90 45% 94%",
|
|
"card": "200 36% 13%",
|
|
"cardForeground": "90 45% 94%",
|
|
"popover": "200 36% 13%",
|
|
"popoverForeground": "90 45% 94%",
|
|
"primary": "145 66% 52%",
|
|
"primaryForeground": "200 40% 9%",
|
|
"secondary": "25 90% 62%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "200 30% 17%",
|
|
"mutedForeground": "90 20% 70%",
|
|
"accent": "48 96% 62%",
|
|
"accentForeground": "200 40% 9%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "200 28% 22%",
|
|
"input": "200 28% 19%",
|
|
"ring": "48 96% 62%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "bubblegum",
|
|
"name": "Bubblegum",
|
|
"description": "Playful pink-and-purple for toy shops and party rooms. Plum-navy with a soft glow at night.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:kindergarten:Baloo 2",
|
|
"fontBody": "template:kindergarten:Quicksand"
|
|
},
|
|
"lightColors": {
|
|
"background": "330 50% 98%",
|
|
"foreground": "300 35% 18%",
|
|
"card": "0 0% 100%",
|
|
"cardForeground": "300 35% 18%",
|
|
"popover": "0 0% 100%",
|
|
"popoverForeground": "300 35% 18%",
|
|
"primary": "330 80% 58%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "265 70% 60%",
|
|
"secondaryForeground": "0 0% 100%",
|
|
"muted": "330 35% 94%",
|
|
"mutedForeground": "300 18% 42%",
|
|
"accent": "42 95% 56%",
|
|
"accentForeground": "300 40% 16%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "320 30% 88%",
|
|
"input": "330 30% 92%",
|
|
"ring": "330 80% 58%"
|
|
},
|
|
"darkColors": {
|
|
"background": "285 40% 9%",
|
|
"foreground": "330 45% 95%",
|
|
"card": "285 36% 13%",
|
|
"cardForeground": "330 45% 95%",
|
|
"popover": "285 36% 13%",
|
|
"popoverForeground": "330 45% 95%",
|
|
"primary": "330 88% 68%",
|
|
"primaryForeground": "285 40% 9%",
|
|
"secondary": "265 82% 72%",
|
|
"secondaryForeground": "285 40% 9%",
|
|
"muted": "285 30% 17%",
|
|
"mutedForeground": "330 20% 72%",
|
|
"accent": "45 96% 64%",
|
|
"accentForeground": "285 40% 9%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "285 28% 23%",
|
|
"input": "285 28% 20%",
|
|
"ring": "45 96% 64%"
|
|
}
|
|
}
|
|
}
|
|
]
|