# Tema Ar

**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [20 Julho , 2021 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Nerd\_Alert](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nerd_alert/32/237766_2.png) [@Nerd\_Alert](https://meta.discourse.org/u/Nerd_Alert)
#### Post date: [31 Janeiro , 2022 15:29 UTC](https://meta.discourse.org/t/air-theme/197703/191 "2022-01-31T15:29:39Z")

</div>

Obrigado! Eu sabia que estava faltando algo simples.

---

<div class="post-metadata">

### Author: ![GVG](https://avatars.discourse-cdn.com/v4/letter/g/ba9def/32.png) [@GVG](https://meta.discourse.org/u/GVG)
#### Post date: [1 Fevereiro , 2022 09:58 UTC](https://meta.discourse.org/t/air-theme/197703/192 "2022-02-01T09:58:32Z")

</div>

Ótimo tema! Por favor, explique como seu tema funciona em termos de velocidade e peso - seu tema funciona substituindo (em vez de) o tema padrão do Discourse em HTML/estilo/CSS ou quando os usuários carregam páginas do Discourse em seus navegadores, seu tema inclui todo o HTML/estilo/CSS padrão do Discourse e funciona sobre ele como um CSS superior, etc.?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [1 Fevereiro , 2022 16:52 UTC](https://meta.discourse.org/t/air-theme/197703/193 "2022-02-01T16:52:37Z")

</div>

> [@GVG](#):
>
> como seu tema funciona em termos de velocidade e peso

Tentamos fazer com que nossos temas funcionem perfeitamente com o Discourse. Não acredito que eu substitua nenhum componente principal ou HTML neste tema e seus componentes incluídos. A maioria dessas alterações visuais é alcançada com SCSS, como de costume em nossos temas.

Sinta-se à vontade para navegar pelos repositórios git do tema e seus componentes incluídos para ver como eles foram implementados 👍

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [1 Fevereiro , 2022 19:34 UTC](https://meta.discourse.org/t/air-theme/197703/194 "2022-02-01T19:34:56Z")

</div>

@jordan.vidrine

Há um bug com o tema Air e o [plugin de Chat](https://meta.discourse.org/t/introducing-discourse-chat-pre-alpha/210734/) quando o chat é ativado, ele fica assim:

 ![chat-bug-air-theme](https://global.discourse-cdn.com/meta/original/3X/c/7/c7b266d1e4b9ca8ba6aa389c8dcc93042c0868dc.png)

Veja como fica quando eu dou zoom out:

 ![Screenshot at 2022-02-01 23-23-25](https://global.discourse-cdn.com/meta/original/3X/1/b/1b70116491e02eeed34afe36fcbfcc10ec00f4ff.png)

Alguma sugestão de como consertar isso?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [1 Fevereiro , 2022 20:13 UTC](https://meta.discourse.org/t/air-theme/197703/195 "2022-02-01T20:13:54Z")

</div>

Obrigado por me trazer isso à atenção. Este tema não foi escrito para suportar chat, _mas_ posso definitivamente fazer os ajustes necessários para que ele funcione corretamente com ele.

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [1 Fevereiro , 2022 20:19 UTC](https://meta.discourse.org/t/air-theme/197703/196 "2022-02-01T20:19:25Z")

</div>

Tenho certeza que você consegue, e será 100% compatível com seu Lovely Theme)

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [1 Fevereiro , 2022 20:20 UTC](https://meta.discourse.org/t/air-theme/197703/197 "2022-02-01T20:20:50Z")

</div>

Gostaria também de fazer uma pergunta sobre como podemos habilitar as categorias (em caixa) para baixo e as mais recentes para cima, como neste [demo](https://community.festingervault.com/).

Seria uma ótima ideia mudar o layout do Meta com o Air Theme.

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [4 Fevereiro , 2022 22:18 UTC](https://meta.discourse.org/t/air-theme/197703/204 "2022-02-04T22:18:09Z")

</div>

outro bug encontrado nas abas de recursos; quando usamos o layout de tabelas de contexto

 ![Screenshot at 2022-02-05 02-16-27](https://global.discourse-cdn.com/meta/original/3X/8/2/822b8804b01d84d8d8f67e53ffde2cd3b9304a0a.png)

Devo anotar tudo aqui @jordan.vidrine?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [7 Fevereiro , 2022 01:27 UTC](https://meta.discourse.org/t/air-theme/197703/205 "2022-02-07T01:27:49Z")

</div>

Sim! Quaisquer bugs que você encontrar neste tema podem ser postados aqui.

Obrigado!

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [7 Fevereiro , 2022 07:07 UTC](https://meta.discourse.org/t/air-theme/197703/206 "2022-02-07T07:07:46Z")

</div>

Obrigado, eu vou.. mas infelizmente decidi parar de usá-lo até a próxima atualização, pois… podemos saber quando a próxima atualização está chegando?

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [8 Fevereiro , 2022 11:27 UTC](https://meta.discourse.org/t/air-theme/197703/207 "2022-02-08T11:27:12Z")

</div>

Olá Jordan,

Notei que o componente discotoc não funcionaria corretamente no sub-fonte (negrito), pois

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/b/ebf8432c85e49e28143c618b4de704a89117b8fd.png)

Seria uma boa ideia adicionar este código ao CSS;

```plaintext
.d-toc-heading > li > a {
  font-weight: bold;
}

```

e mencionar que este código funciona para sub-sub-sub-contexto dentro da tabela para ser “NEGRITO”.

Obrigado.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [8 Fevereiro , 2022 13:48 UTC](https://meta.discourse.org/t/air-theme/197703/208 "2022-02-08T13:48:51Z")

</div>

Não acredito que este componente normalmente defina os subtítulos menores como negrito. Embora eu possa estar a interpretá-lo mal.

Já viu algo que funciona normalmente no discotoc, _não_ funcionar corretamente neste tema?

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [8 Fevereiro , 2022 13:50 UTC](https://meta.discourse.org/t/air-theme/197703/209 "2022-02-08T13:50:34Z")

</div>

Na verdade, foi fácil adicionar um componente ao tema para isso e funcionou bem depois.

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [9 Fevereiro , 2022 08:17 UTC](https://meta.discourse.org/t/air-theme/197703/210 "2022-02-09T08:17:13Z")

</div>

Jordan, você pode descobrir como podemos adicionar [Categoria Restrita](https://meta.discourse.org/t/category-previews/155296/3) ao estilo das caixas?

---

<div class="post-metadata">

### Author: ![daming](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daming/32/246799_2.png) [@daming](https://meta.discourse.org/u/daming)
#### Post date: [10 Fevereiro , 2022 03:34 UTC](https://meta.discourse.org/t/air-theme/197703/211 "2022-02-10T03:34:32Z")

</div>

Tenho uma sugestão: talvez possamos adicionar uma exibição de dados de visualizações na interface principal da postagem. Isso dá aos usuários acesso direto às postagens mais populares na comunidade.

### agora

 ![air](https://global.discourse-cdn.com/meta/original/3X/7/5/758bc7050d13dba2c387d95f5b8b17718eda0198.jpeg)

### assim

 ![views](https://global.discourse-cdn.com/meta/original/3X/a/d/ad01d6bd51d8601e7b6413c524f81a80355fe866.jpeg)  
@jordan.vidrine

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [10 Fevereiro , 2022 07:38 UTC](https://meta.discourse.org/t/air-theme/197703/212 "2022-02-10T07:38:27Z")

</div>

de alguma forma, sem motivo, pelo que me lembro, recebo este erro do [componente de pesquisa](https://github.com/discourse/discourse-search-banner), ele estava funcionando bem com o airtheme… mas agora recebo este erro

 ![Screenshot at 2022-02-10 11-35-41](https://global.discourse-cdn.com/meta/original/3X/7/2/72aa24a07d891619205fd21f640a7a808c307339.png)

alguma sugestão?

---

<div class="post-metadata">

### Author: ![hequaye](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hequaye/32/241683_2.png) [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [10 Fevereiro , 2022 16:35 UTC](https://meta.discourse.org/t/air-theme/197703/213 "2022-02-10T16:35:36Z")

</div>

Existe uma maneira de alterar a imagem de fundo deste tema das cores gradientes de 2 tons para uma imagem que eu tenho?

 ![LFX_BG](https://global.discourse-cdn.com/meta/original/3X/8/3/8352b68304fb5af3eeaf5e51bbaca20b1fd51a87.jpeg)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [10 Fevereiro , 2022 16:48 UTC](https://meta.discourse.org/t/air-theme/197703/214 "2022-02-10T16:48:33Z")

</div>

Isso faz parte do tema do ar? Ou você está usando este componente separadamente do tema?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [10 Fevereiro , 2022 16:52 UTC](https://meta.discourse.org/t/air-theme/197703/215 "2022-02-10T16:52:56Z")

</div>

Claro!

Você só precisa mirar neste elemento assim:

```scss
html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://global.discourse-cdn.com/meta/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    /* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); */
    clip-path: ellipse(148% 70% at 91% -14%);

```

É assim que ficou localmente ao editar através do inspetor do Chrome.

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/9/4989bd4903fa488e30f8daeb6c2f96cd19d070f5.jpeg)

---

<div class="post-metadata">

### Author: ![hequaye](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hequaye/32/241683_2.png) [@hequaye](https://meta.discourse.org/u/hequaye)
#### Post date: [10 Fevereiro , 2022 16:53 UTC](https://meta.discourse.org/t/air-theme/197703/216 "2022-02-10T16:53:59Z")

</div>

Sim, mas e se eu quiser que isso seja o plano de fundo sem os 2 elementos? @jordan.vidrine

[Página anterior](https://meta.discourse.org/t/air-theme/197703.md?page=1)

[Próxima página](https://meta.discourse.org/t/air-theme/197703.md?page=3)
