Essa guia permite alterar a aparência geral do seu projeto. Todas essas configurações têm um valor padrão, que pode ser revertido clicando na seta circular.

Cores

Dependendo do tema atual, serão usadas cores claras e escuras. Por padrão, é claro, mas isso pode mudar se você usar 'Padrão para tema escuro' ou uma detecção automática do tema.

Aqui você pode modificar 3 cores para cada tema:

• Cor de fundo: Aplique a cor ao fundo do seu projeto. Certifique-se de escolher uma cor que não torne o conteúdo difícil de ler ou até ilegível.
• Cor da fonte: Aplique a cor a todo o texto em seu projeto. No entanto, observe que você pode substituir essa cor para determinadas partes do texto usando a barra de ferramentas inline dentro do editor.
• Cor de destaque: A cor de destaque é usada ao passar o mouse ou selecionar elementos em seu projeto.

Além dessas cores, estamos calculando cores a partir delas para aplicar na borda, fundo e outros elementos do menu de ancoragem.

Para alterar essas cores, você deve fazer manualmente na guia de código, adicionando seu próprio CSS.

Padrão para tema escuro

Ao selecionar essa opção, seu tema padrão será o modo escuro.

Detectar automaticamente o tema escuro

Detecta automaticamente o modo atual do seu site e ajusta automaticamente o tema do projeto para corresponder a ele.

Fontes

Família de Fontes

Escolha a Família de Fontes que deseja usar em seu projeto.

Tamanho da Fonte

Altere o tamanho global da fonte.

Espaçamento

Largura Máxima

Você pode alterar o tamanho da coluna principal com esse valor. Se desejar, pode desabilitar o espaço esquerdo e direito para aumentar a coluna principal, aumentando o tamanho

Preenchimento de Bloco

Esse valor representa o espaço entre cada bloco individual.

Ícones

Traço do ícone

Altere a espessura de cada ícone em seu projeto.

Cabeçalhos

Você pode alterar o tamanho e o peso para cada H1, H2, H3

Preenchimento do cabeçalho

defina o preenchimento para todos os cabeçalhos. Tenha em mente que esse preenchimento será adicionado ao Preenchimento de Bloco. Você pode acabar com um espaço muito grande para cabeçalhos.

Texto

Altura da linha do texto

Defina a altura da linha para todos os elementos de texto

Espaçamento entre letras do texto

Defina o espaçamento entre letras para todos os elementos de texto