Cada tema agora expõe variáveis próprias no theme.json (color pickers na config, injetadas no compile SCSS com !default): - aurora-glass: page-background + aurora-color-1/2/3 (gradientes e blobs) - nordic-minimal: page-background, panel-background e decor-color (grid, anéis e sombra do painel) - sunset-mesh: page-background, accent-color (links/foco) e mesh-color-1..4 (os 4 lóbulos do mesh) - carbon-neon: page-background, glow-color (bordas/glow/prompt/cursor) e terminal-background-color Tons translúcidos derivados de variável usam color-mix() do CSS (scssphp não avalia rgba($var) de cor injetada; color-mix passa direto e o browser resolve). Validado: injeção de variável altera o CSS compilado e os 4 temas servem color-mix na página de login. Temas legados removidos (aurora-boreal, baloons, cloud, desktop, light, neon, night, original, power-red, prompt-developer) — catálogo agora são só os 4 modernos. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
42 lines
1.1 KiB
JSON
42 lines
1.1 KiB
JSON
{
|
|
"name": "Sunset Mesh",
|
|
"description": "Borderless sobre mesh gradient quente",
|
|
"variables": {
|
|
"btn-background-color": {
|
|
"name": "Cor de fundo dos Botões",
|
|
"default": "#1f1235"
|
|
},
|
|
"btn-foreground-color": {
|
|
"name": "Cor do texto dos Botões",
|
|
"default": "#ffffff"
|
|
},
|
|
"card-background-color": {
|
|
"name": "Cor do cartão",
|
|
"default": ""
|
|
},
|
|
"page-background-color": {
|
|
"name": "Cor de fundo da página",
|
|
"default": "#fff1eb"
|
|
},
|
|
"accent-color": {
|
|
"name": "Cor de destaque (links e foco)",
|
|
"default": "#7828c8"
|
|
},
|
|
"mesh-color-1": {
|
|
"name": "Mesh — cor 1",
|
|
"default": "#ff7a59"
|
|
},
|
|
"mesh-color-2": {
|
|
"name": "Mesh — cor 2",
|
|
"default": "#ffbe5c"
|
|
},
|
|
"mesh-color-3": {
|
|
"name": "Mesh — cor 3",
|
|
"default": "#c471f5"
|
|
},
|
|
"mesh-color-4": {
|
|
"name": "Mesh — cor 4",
|
|
"default": "#fa7185"
|
|
}
|
|
}
|
|
}
|