||||\n-|-|-|\n:discourse2: | Resumo | Air Theme é um tema limpo e moderno com alguns componentes de tema incluídos para aprimorar seu fórum!\n| 
| Prévia | Prévia no Discourse Theme Creator\n:hammer_and_wrench: | Link do Repositório | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Novo em Temas do Discourse? | Guia para iniciantes sobre como usar Temas do Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nInstalar este tema\n[/wrap]\n\n[quote]\n\n:discourse2: Como este é um tema #oficial mantido pela equipe do Discourse, problemas de #suporte, relatórios de #bugs, sugestões de UX e solicitações de conselhos de Dev podem ser feitos nas respectivas categorias aqui no Meta, e marcados com a tag de tema apropriada. Clique em um link abaixo para iniciar um. 
\n\n\u003ckbd\u003e [
\u0026nbsp;Suporte](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Faça uma pergunta sobre a configuração e uso do Air Theme") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "Um relatório de bug significa que algo está quebrado, impedindo o uso normal/típico do tema") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Discussão sobre a interface do usuário do Air Theme, e como os recursos são apresentados (incluindo idioma e elementos da interface") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "Conselhos sobre como personalizar este tema para o seu site")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Recursos\n\nModo Claro\n
\n\nModo Escuro\n
\n\nPágina de Categorias\n
\n\nEste tema inclui alguns componentes para aprimorar seu fórum também. \n- Tópicos Clicáveis\n- Caixas de Categoria + Grupo Modernas\n\n\u003e 
Por favor, leia estas dicas após a instalação, pois há algumas configurações que PRECISAM SER ATIVADAS para que este tema seja renderizado corretamente.\n\n— \n# Dicas\n### Alternância de Esquema Claro/Escuro\n
\n\nPara que isso funcione corretamente, pelo menos 2 opções de esquema de cores precisam estar ativadas em sua área https://discourse.jordanvidrine.com/admin/customize/colors. Pelo menos duas cores precisam ter a opção color scheme can be selected by users ativada. \n\n
\n\nDepois que isso for feito, os usuários devem ser capazes de escolher entre dois esquemas de cores como suas preferências claro e escuro na interface de preferências do usuário.\n\n
\n\n___\n## Banner de Boas-Vindas\n\nVá para a página Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- No menu suspenso Enabled on themes… selecione Air Theme\n- No menu suspenso Location selecione Below site header\n___\n## Caixas de Categoria + Grupo Modernas\nEste componente de tema requer que suas categorias usem a configuração CATEGORY BOXES WITH SUBCATEGORIES em sua área /admin/site_settings/category/all_results?filter=categories.\n\n
\n\nEste componente de tema também permite que o administrador do fórum organize sua página de categorias com títulos de cabeçalho e escolha quais categorias aparecem sob cada cabeçalho. Para manter as coisas simples, eu só permiti o uso de até 5 títulos. Se nenhuma configuração de categorias + cabeçalho for escolhida, todas as categorias serão renderizadas como acima, esta é a opção de renderização padrão.\n\n\u003e:discourse2: Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
That is just amazing Jordan! 
I love it!
It will be helpful if the welcome message can be hide when left locale field empty 
Oh wow, this looks really nice! Thank you for the share. 
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
Theme looks amazing. Awesome work
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. 
Thanks it is nice…
First time I install a new theme. I really like this one!!
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
I believe this should work:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.topic-list .views {
width: 10%;
order: 3;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
Refreshingly beautiful. Great work @jordan.vidrine!
Há alguma possibilidade de alterar o texto do cabeçalho "Bem-vindo ao fórum"
Sim, isso pode ser editado no componente Discourse Search Banner
Há um tempo postei um problema sobre não ver as categorias na visualização móvel (Air Theme - #172). Conversei um pouco com @jordan.vidrine, mas não conseguimos chegar à raiz do problema. Espero que outra pessoa tenha algumas ideias.
Para os detalhes
Usando uma instalação limpa do Discourse 2.7.11 no kubernetes com a ajuda de um helm chart do Bitnami, e a versão mais recente do tema instalada e configurada conforme mencionado na postagem inicial, não vemos nenhuma categoria na visualização móvel e a estilização está incorreta na página mais recente.
O que tentamos
Além de usar uma instalação limpa, tentamos usar algumas versões mais antigas do tema também. O problema, no entanto, permaneceu, mas não testamos exaustivamente todas as versões.
Também comparamos o html em nossa instância com o de discourse.jordanvidrine.com e notamos que é significativamente diferente.
Intuição
Como não podemos usar uma versão ‘beta’, minha intuição me diz que isso é um problema de compatibilidade entre o tema ou um de seus plugins e o Discourse 2.7. Eu adoraria saber se alguém tem este tema funcionando em 2.7, e se sim, com quais versões do tema e plugins relevantes.
Pergunta
Alguém conseguiu fazer este tema funcionar com o 2.7 e/ou há alguma pista sobre o que podemos fazer para fazer isso funcionar?
Olá. Primeiro, obrigado por este ótimo tema 
Quero mudar a font-family, como posso fazer isso.
Eu tentei isto 
-
Baixei este tema Google Fonts, e mudei a configuração de Fonte em CONFIGURAÇÕES DO SITE – Não funcionou
-
Adicionei o código
@import{link da fonte web ~~~ }em Desktop.css, mobile.css – Não funcionou
Qual arquivo devo modificar para mudar a fonte??? 
Acredito que você deva conseguir definir uma fonte personalizada sem um componente aqui: admin/site_settings/category/all_results?filter=font
Se você quiser mais personalização, acredito que o componente de tema do Google Fonts que você vinculou funcionaria. Embora o tema use theme-settings e não uma configuração do site, acredito.
Você já levantou essa questão no tópico para esse componente de fonte?
Olá a todos, alguém pode me ajudar a alterar o dimensionamento e a “natureza fixa” da cor de fundo no celular?
O CSS para celular está transparente para mim. E eu só preciso de um pouco de orientação para alterar o fundo fixo para as cores de fundo.
Se não me engano, existe um fundo de cabeçalho e um fundo de página, correto?
Isso ocorre porque o tema e seus componentes incluídos são bastante rigorosos quanto à forma como o site é configurado.
Na OP, compartilhei que:
há alguma maneira de fazer o fundo ser uma imagem? prefiro ter uma imagem em vez de cores. usando
body {
background-image: url("url da imagem aqui");
background-color: #cccccc;
}
torna a parte superior da cor a imagem, mas não a inferior.
O que você fez está bom para adicionar a imagem, mas você também vai querer remover o caminho de recorte que é criado para dar esse efeito de sobreposição.
html .background-container {
clip-path: unset;
}