aparência do sistema
Uma escolha só, aplicada em dois lugares: as páginas do LifeOS e a
capa do arquivo (index, legacy e galeria). Cada tema tem duas versões —
escura no painel, clara na capa — porque o mesmo ouro que brilha sobre fundo escuro
fica ilegível sobre papel. As entradas em pages/ não são afetadas: cada
uma mantém a paleta própria.
Trocar aqui vale para este navegador e tem efeito imediato. O padrão
da instância continua sendo o definido em lifeos-config.js.
assets/css/themes/lifeos/sepia.css (escuro, tokens do painel) e
assets/css/themes/blog/sepia.css (claro, tokens da capa: --ink,
--rule, --bg-card). Depois registre o slug em
TEMAS no topo de assets/js/temas.js e na lista branca de
assets/js/tema.js.
Todo tema precisa definir o conjunto inteiro de tokens —
um token faltando herda o da página e mistura duas paletas.
O formato do topo de lifeos.html. A clássica mantém o banner dentro da coluna, com o ícone ao lado do título. A imersiva leva o banner de ponta a ponta, põe os botões da barra superior por cima da imagem e empilha ícone e título grande — o mesmo desenho da página de apresentação. Vale para este navegador, como a paleta.
Não confunda com o de cima. O campo theme de cada entrada do manifest
não é um tema visual: ele escolhe só a cor da barra lateral do card
no index, e é independente da paleta escolhida acima. Um valor fora desta lista cai
silenciosamente no fallback identidade.
index.html, assets/js/index.js (que
serve o legacy.html) e assets/js/publicar.js — e
mudar uma cor exige commit nos três. Unificar isso num arquivo de dados só,
e então torná-lo editável por aqui, é trabalho separado: mexe no render do
index, que é a capa pública do archive.