O que me surpreendeu foi que, na primeira vez que tentei isso depois de selecionar o tema “Fully” no Meta, o tópico try.discourse.org foi exibido com o tema Fully. Estou assumindo que é um problema de cache relacionado aos sites estarem no mesmo domínio.
O problema que você está apontando é que o logotipo do Discourse não está sendo substituído pelo logotipo pequeno quando o menu hambúrguer é clicado em try.discourse.org?
Hmm – O painel de navegação no site try.discourse.org inclui uma div extra com links de menu (.try-header-nav-wrapper) que está quebrando o layout da página (apenas nesse site) ao empurrar o cabeçalho muito para a direita quando o menu lateral está oculto, então agora vejo que não é um bug no tema Fully.
Bom dia!
Eu gosto muito de usar este tema para o meu fórum, mas notei que, assim como o tema padrão, não há uma opção para personalizar o CSS/HTML. Eu gostaria de adicionar um papel de parede de fundo ao tema. É possível fazer isso?
Você pode fazer isso usando o menu de personalização de tema / componente de tema para criar um novo componente de tema e adicioná-lo a este tema.
Em seu componente de tema, você pode adicionar o código personalizado para adicionar seu plano de fundo.
Olá @jordan.vidrine,
Obrigado pela sua resposta. Acredito que vi isso em algum lugar quando pesquisei por “alterar plano de fundo”, mas presumi que só era possível personalizando o CSS/HTML do tema.
Vou tentar isso!
Olá, pessoal! Adorei este tema! Ao visualizá-lo no meu site, tive um problema com o cabeçalho da navegação da barra lateral. O cabeçalho poderia ter uma cor diferente (a cor normal do cabeçalho do site)?
Isto:
Em vez disto:
Como posso fazer isso? Mudar o CSS fez com que toda a navegação ficasse verde.
Obrigado!
Você quer alterar a variável específica para —sidebar-color) e isso alterará a barra lateral e acima da barra lateral.
Hmm, não há como alterar apenas o cabeçalho da barra lateral?
Eu tenho o mesmo problema, com o logo do meu cabeçalho caindo em duas cores diferentes, o que fica estranho.
Pensei que editar CSS em temas fosse desencorajado hoje em dia? A opção de editor de CSS foi removida para temas remotos, então como mudaríamos essa variável? Isso também pressupõe que queremos que a cor da barra lateral seja a mesma do cabeçalho.
Olá, você pode alterar essa seção separadamente da barra lateral com CSS.
Para isso, você precisa criar um novo componente ou adicioná-lo a um existente. 
Vá para /admin/customize/themes/
Personalizar → Temas
Clique na aba Componentes e depois no botão Instalar
Na janela pop-up, clique no botão Criar novo e digite o nome do novo componente.
Clique no botão Criar.
O componente foi criado. Agora selecione o tema completo para ativá-lo.
Clique no botão Editar CSS/HTML.
Cole o código abaixo na seção CSS.
Não se esqueça de salvar com o botão Salvar na parte inferior.
.desktop-view .has-sidebar-page .d-header-wrap::before {
background: transparent;
border-right: none;
}
Se você quiser manter a borda do lado direito, remova essa linha do código.
Obrigado por isso, Don. No entanto, eu nunca modifiquei o CSS do Discourse antes… onde faço essa alteração?
Atualizei a postagem acima. 
Obrigado. Acabei de fazer e tudo parece bom novamente 
Como o tema está agora, há um espaço muito pequeno à direita para que isso seja feito. Acho que seria interessante ter mais espaço lá e usá-lo para widgets.
Deixei meus usuários terem acesso ao tema e eles rapidamente encontraram algo estranho acontecendo 
Eu uso o componente de tema Custom Header Links e com o outro tema que uso (Material Design), conforme você reduz a largura da janela do navegador, quando você atinge o ponto em que os links sobrescreveriam o logotipo do site, o logotipo encolhe, eventualmente se tornando bem pequeno, por exemplo.
Com o Fully, o logotipo não encolhe, então eventualmente você obtém isso…
O Custom Header Links remove os links e exibe o título do tópico ao visualizar um tópico. O título do tópico também sobrescreve o logotipo em larguras de navegador mais estreitas, embora eventualmente o logotipo seja completamente removido, o que resolve o problema.
Não tenho certeza se este é um problema do Fully ou do Custom Header Links, mas estou começando aqui, pois o CHL funciona bem no outro tema.
Parece que há um pequeno conflito com o discourse-full-width-component e logotipos mais largos.
Você pode corrigir isso rapidamente com: 
Cole isso no componente criado anteriormente, após o código anterior, para que fique em um só lugar.
Isso encolherá o logotipo.
.desktop-view .d-header .title a {
flex: auto;
}
Atualização: Hmm, acho que provavelmente encolhe demais com a barra lateral oculta… 
Dei uma olhada rápida e acho que será algo relacionado à grade. Mas acho melhor esperar a maneira oficial, pois não quero quebrar a experiência do usuário do cabeçalho alterando a grade.
@packman, por favor, remova este código.
Obrigado novamente! Você está fazendo feitos maravilhosos hoje
Ei, Don! Outro problema: mudar dessa forma faz com que fique igual no modo escuro. Como posso mudar o CSS apenas para um esquema de cores específico?
O logotipo fica muito pequeno em uma janela estreita, mas isso também acontece com os Links do Cabeçalho Personalizado quando usados com o Tema de Design de Material.
Eu estava olhando o CSS anteriormente e acho que pode não estar ajudando que o logotipo esteja incluído dentro de span.header-sidebar-toggle, embora talvez esse seja o único lugar sensato para ele em uma tela mais ampla?
Olá @Renato_Mendes 
Ah, entendi, então você só quer usar o fundo transparente em um esquema de cores. Eu não sabia disso.
Existem várias maneiras de fazer isso
dark-light-choose(): É possível fazer isso com ele, mas não é muito prático neste caso, pois cria variáveis. É melhor usá-lo para cores.schemeType: Este é melhor para este caso de uso se você quiser usá-lo por tipo de esquema.Veja como usar schemeType
Remova o código anterior do componente que você criou e coloque o novo na seção Definições de Cores do componente, como você vê na imagem.
Isso ativará o código apenas no esquema claro.
Comum / Definições de Cores
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Este componente coloca o esquema de cores real no html, para que você possa direcioná-lo com CSS.
Veja como usá-lo:
Instale o componente.
Verifique o ID do esquema de cores onde você deseja fazer alterações.
Você pode encontrá-lo aqui
ou
/admin/customize/colors
Página de Cores. Aqui, se você clicar em um esquema de cores, o ID será adicionado à URL.
Agora você pode usar isso no código. Não se esqueça de remover o código adicionado anteriormente.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Olá @packman Enviei uma mensagem privada para você.