feat: identidade visual por produto, com a mesma folha de estilo - #8
Merged
Merged
Conversation
…dois Os paineis da familia passam a ter a MESMA estrutura e a MESMA folha de estilo. O que muda e o valor de oito tokens CSS no topo -- trocar o produto e trocar essas oito linhas, nada mais. 9RTKSync #091413 verde-petroleo, quase preto, acento turquesa OminiRTkSync #240046 roxo profundo, acento lilas Antes os dois compartilhavam o mesmo #0b0d12 e o mesmo azul do Bootstrap: a unica diferenca entre as duas telas era o titulo, e num monitor secundario nao dava para saber qual delas estava aberta. O botao primario passa a seguir o acento do produto em vez do azul fixo do Bootstrap. Sem isso, os dois mudariam de fundo e continuariam com o mesmo botao, o que faz a identidade parecer acidental em vez de escolhida. Os tokens ganharam nome de papel, nao de cor: --surface, --line, --accent. Uma regra que diz `background: var(--surface)` continua correta quando o tom muda; uma que diz `#12151c` vira divida no dia seguinte. Verificado na tela servida: cada painel entrega os proprios valores.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Os painéis da família passam a ter a mesma estrutura e a mesma folha de estilo. O que muda é o valor de oito tokens CSS no topo — trocar o produto é trocar essas oito linhas, nada mais.
#091413verde-petróleo, quase preto#240046roxo profundoAntes os dois compartilhavam o mesmo
#0b0d12e o mesmo azul do Bootstrap: a única diferença entre as duas telas era o título, e num monitor secundário não dava para saber qual delas estava aberta.O botão primário passa a seguir o acento do produto em vez do azul fixo do Bootstrap. Sem isso, os dois mudariam de fundo e continuariam com o mesmo botão, o que faz a identidade parecer acidental em vez de escolhida.
Os tokens ganharam nome de papel, não de cor:
--surface,--line,--accent. Uma regra que dizbackground: var(--surface)continua correta quando o tom muda; uma que diz#12151cvira dívida no dia seguinte.Verificado na tela servida: cada painel entrega os próprios valores.
https://claude.ai/code/session_01Dw2Zc66wvY8QBZJmPBeMsT