Estilizar um Overlay
- mudei as cores e agora não consigo voltar ao visual antigo
- o design salva sozinho?
- tentei um visual pronto e perdi minhas configurações
- como manter minhas próprias cores no seletor
- onde está a transparência para uma borda
- ele me pergunta sobre design não salvo toda vez que saio
- posso desfazer o que fiz no editor de design
- minhas cores sumiram do seletor
O que é esta página
Cada overlay é estilizado no mesmo editor: seções à esquerda, uma prévia ao vivo no meio, as configurações da seção escolhida à direita. Alertas, chat, metas, listas, o quadro de leilão, a roleta, a chave, o carrossel e o quadro de desafios todos o compartilham, então o que você aprende em uma tela funciona nas demais.
O visual pertence a um overlay. Dois overlays de chat na mesma lista são estilizados separadamente, e copiar um overlay copia seu visual junto.
Nada é salvo até você pressionar Guardar
As alterações vivem apenas na tela. Mova os controles deslizantes, experimente um visual pronto, escolha cores — e se você não gostar do resultado, saia: Guardar no cabeçalho da página é o que o grava.
Sair com alterações não salvas pergunta primeiro. Essa pergunta aparece tanto quando você pressiona Voltar à lista dentro de um cartão de widget quanto quando você muda para outra seção no menu esquerdo.
Os visuais prontos funcionam da mesma forma: Aplicar coloca o visual na tela, mas não grava nada. Nada é perdido até você salvar, e nada é mantido até que você o faça.
Visuais prontos
Néon, Minimalista e Retrô existem em cada overlay e usam as mesmas cores, fontes e bordas. Aplique um a todos os seus overlays e eles parecerão um conjunto, não como nove widgets separados.
Aplicar um visual também limpa o que ele não define, então o resultado não depende do que você estava ajustando antes.
Abaixo deles está a lista de seus próprios modelos: o campo de nome com Guardar mantém o visual que está na tela agora, e Excluir remove um modelo. Um modelo salvo de um overlay pode ser aplicado a outro — o editor traduz o que pode.
Cores
O seletor de cores contém duas linhas.
Minhas cores permanecem até você removê-las. O + no final da linha mantém a cor que você escolheu agora; o x no canto de uma cor a remove. Coloque as cores do seu canal aqui uma vez e elas estarão à mão em cada overlay.
Recentes são as últimas doze cores que você usou em qualquer lugar no aplicativo — a linha flui por conta própria, uma nova cor empurrando a mais antiga para fora. É por isso que as cores com as quais você se importa pertencem à linha acima.
Ambas as linhas são compartilhadas em todo o aplicativo: um tom escolhido no overlay de chat está a um clique de distância nos alertas.
Cada cor tem um controle deslizante de transparência ao lado — texto, planos de fundo, bordas e as cores dos efeitos. A conta-gotas ao lado do campo de código escolhe uma cor de qualquer lugar na tela.
O que ele não pode fazer
- Não há desfazer dentro do editor. O que o protege é que nada é gravado até Guardar — sair sem salvar é o caminho de volta.
- Um visual pronto não pode ser aplicado a todos os overlays de uma vez; é aplicado por overlay.
- Os modelos não são pastas: são uma lista plana compartilhada por todos os overlays.
- A prévia mostra o overlay, não sua cena. Sua largura corresponde à caixa na página, não à fonte do navegador no OBS.
- A conta-gotas não está disponível em todas as janelas: onde o navegador não a oferece, o botão não é mostrado.