Você pode gerenciar as cores do tema e os estilos de fonte do seu projeto Vibe a partir de um painel de Tema dedicado, visualizar as alterações e enviar as atualizações selecionadas para o Copilot em vez de editar manualmente os arquivos de tema.
Ao configurar as cores do tema, você pode selecionar uma paleta de cores predefinida e/ou definir a cor para cada elemento individualmente.
Para configurar as cores do tema, clique em Tema no painel lateral direito e selecione Paleta de cores.
Para explorar paletas de cores selecionadas, clique em " Explorar mais" no cartão "Cores atuais" . Clique em uma paleta para visualizá-la em seu projeto e, em seguida, clique em Aplicar alterações quando estiver pronto para fazer alterações no seu projeto.
Ao visualizar as paletas, clique em Parar teste para retornar às cores originais do seu tema. Isso permite comparar facilmente a paleta com as cores que você já possui.
Para definir cores para elementos individuais, role até a seção "Usos de cores" no painel "Tema". Você verá os elementos do projeto listados aqui. Clique na amostra de cor de um elemento para abrir o seletor de cores. Ao inserir ou selecionar uma nova cor, uma pré-visualização é exibida.
É importante observar que nenhuma alteração será feita no seu projeto até que você clique em Aplicar alterações na parte inferior do painel Tema.
Você pode configurar os estilos de fonte para texto de exibição e texto sem serifa. O texto exibido é usado para títulos, enquanto o texto sem formatação é usado para o texto dos parágrafos. Essas opções podem ser configuradas individualmente ou selecionando entre combinações de fontes predefinidas.
Para configurar as fontes do tema, clique em Tema no painel lateral direito e selecione Texto.
Para navegar pelos estilos de fonte predefinidos, clique em " Explorar mais" no cartão "Fontes atuais" . Clique em um estilo de fonte para visualizá-lo em seu projeto e, em seguida, clique em Aplicar alterações quando estiver pronto para fazer alterações em seu projeto.
Ao visualizar os estilos de fonte, clique em Sair da visualização para retornar aos estilos de fonte originais. Isso permite comparar facilmente as fontes com as fontes que você já possui.
Para definir estilos de fonte individualmente, role até a seção "Fontes utilizadas" no painel "Tema". Use os menus suspensos para selecionar a fonte de exibição que será usada nos títulos e a fonte sem serifa que será usada no corpo do texto. Ao selecionar uma nova fonte, uma pré-visualização é exibida na tela.
É importante observar que nenhuma alteração será feita no seu projeto até que você clique em Aplicar alterações na parte inferior do painel Tema.