Você pode gerenciar as cores do tema e os estilos de fonte do seu projeto Vibe em um painel temático dedicado, visualizar as alterações e enviar atualizações selecionadas para o Copilot em vez de editar manualmente os arquivos do tema.
Nota
[en] The Theme panel is available only to team members with the Vibe Theme permission and clients with the Theme permission. For more information, see Manage Team Members and Manage Clients.
Ao configurar as cores do tema, você pode selecionar em uma lista de paletas de cores selecionadas e/ou definir a cor para cada elemento individualmente.
Para configurar as cores do tema, clique em Tema no painel lateral direito e, em seguida, selecione Paleta de cores.
Para procurar paletas de cores selecionadas, clique em Navegue mais na Cores atuais cartão. Clique em uma paleta para visualizá-la em seu projeto e clique Aplicar alterações quando você estiver pronto para fazer alterações em seu projeto.
Ao visualizar paletas, clique em Pare de testar para voltar às cores originais do tema. Isso permite que você compare facilmente a paleta com as cores existentes
Para definir cores para elementos individuais, vá até o Usos de cores seção do painel Tema. Você verá os elementos do projeto listados aqui. Clique na amostra de cores de um elemento para abrir o seletor de cores. Quando você insere ou seleciona uma nova cor, uma visualização é exibida.
É importante observar que nenhuma alteração é feita em seu projeto até que você clique Aplicar alterações na parte inferior do painel Tema.
Você pode configurar estilos de fonte para exibição e sem texto. O texto de exibição é usado para cabeçalhos, enquanto o texto sem texto é usado para texto de parágrafo. Eles podem ser configurados individualmente ou selecionando pares de fontes predefinidos
Para configurar as fontes do tema, clique em Tema no painel lateral direito e, em seguida, selecione Texto.
Para procurar estilos de fonte predefinidos, clique em Navegue mais na Fontes atuais cartão. Clique em um estilo de fonte para visualizá-lo em seu projeto e, em seguida, clique em Aplicar alterações quando você estiver pronto para fazer alterações em seu projeto.
Ao visualizar os estilos de fonte, clique em Sair da pré-visualização para voltar aos estilos de fonte originais. Isso permite que você compare facilmente as fontes com as fontes existentes.
Para definir estilos de fonte individualmente, vá até o Usos de fontes seção do painel Tema. Use os menus suspensos para selecionar Exibição fonte que é usada para manchetes e Sans fonte usada para o corpo do texto. Quando você seleciona uma nova fonte, uma pré-visualização é exibida na tela.
É importante observar que nenhuma alteração é feita em seu projeto até que você clique Aplicar alterações na parte inferior do painel Tema.