butterfly/themes/sunset-mesh/theme.json
Claude d36e14c767 Temas: variáveis de cor por tema + remoção dos 10 temas legados
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>
2026-07-03 20:54:58 -03:00

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"
}
}
}