Código personalizado

[Discourse]

	Resumo	Custom Code permite personalizar a fonte e as cores para o código compartilhado no site.
	Pré-visualização	Pré-visualizar no Discourse Theme Creator
	Link do Repositório	https://github.com/discourse/discourse-custom-code
	Novo em Temas do Discourse?	Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Como este é um #componente de tema #oficial mantido pela equipe do Discourse, solicitações de #suporte, bug, ux e #recursos podem ser feitas nas respectivas categorias aqui no Meta, marcadas com a tag apropriada do componente de tema. Clique em um link abaixo para iniciar uma.

 Suporte  Bug  UX  Recurso

Recursos

Geralmente, as fontes usadas para escrever código fazem parte da família monospace. As fontes mais conhecidas são:

• Inconsolata
• Fira Mono
• Source Code Pro
• Anonymous Pro
• Ubuntu Mono

(Dito isso, isso não impede ninguém de experimentar as fontes mais diversas!)

Para alterar a fonte, acesse https://fonts.google.com

• escolha a fonte que deseja usar
  

  

• e personalize-a
  

  

• Selecione EMBED e copie a string relativa à família da fonte (1) dentro da configuração do tema Font
  

  

• Copie e cole a string relativa ao CSS (2) dentro da configuração do tema font-family (não adicione o caractere ; no final da string).

Todas as outras configurações devem ser claras o suficiente.

As configurações deste componente são divididas entre os temas claro e escuro. Se você usar ambos, lembre-se de adicionar o componente a ambos os temas.

---

Configurações

Nome	Descrição
font	Selecione uma nova fonte no Google Font. Dependendo da escolhida, você pode personalizá-la ainda mais, por exemplo Sarabun:300,400,500. Se não for definida, a fonte padrão será aplicada.
font size	Especifica o tamanho da fonte a ser usado. Se não for definido, a fonte padrão será aplicada.
font family	Especifica a fonte a ser usada. Se não for definida, a fonte padrão será aplicada.
border radius	Selecione o raio da borda para o seu código. O valor padrão é 0px.
hljs light	Tema claro. Escolha a cor do texto.
code light	Tema claro. Escolha a cor do código.
code background light	Tema claro. Escolha a cor de fundo do código.
comment light	Tema claro. Escolha a cor do comentário e da tag de documentação.
title light	Tema claro. Escolha a cor do título, nome e metadados.
string light	Tema claro. Escolha a cor da string.
number light	Tema claro. Escolha a cor do número.
keyword light	Tema claro. Escolha a cor da palavra-chave, substituição, solicitação e status.
class title light	Tema claro. Escolha a cor do título dentro do elemento de classe.
tag light	Tema claro. Escolha a cor da tag.
attribute light	Tema claro. Escolha a cor do atributo.
symbol light	Tema claro. Escolha a cor do símbolo.
hljs dark	Tema escuro. Escolha a cor do texto.
code dark	Tema escuro. Escolha a cor do código.
code background dark	Tema escuro. Escolha a cor de fundo do código.
comment dark	Tema escuro. Escolha a cor do comentário.
title dark	Tema escuro. Escolha a cor do título, nome e metadados.
string dark	Tema escuro. Escolha a cor da string.
number dark	Tema escuro. Escolha a cor do número.
keyword dark	Tema escuro. Escolha a cor da palavra-chave, substituição, solicitação e status
class title dark	Tema escuro. Escolha a cor do título dentro do elemento de classe.
tag dark	Tema escuro. Escolha a cor da tag.
attribute dark	Tema escuro. Escolha a cor do atributo.
symbol dark	Tema escuro. Escolha a cor do símbolo.

Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.