# Auras de Avatar do Autor do Tópico

**URL:** https://meta.discourse.org/t/topic-author-avatar-halos/408552
**Category:** Theme component
**Created:** [26 Julho , 2026 17:11 UTC](https://meta.discourse.org/t/topic-author-avatar-halos/408552 "2026-07-26T17:11:54Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [26 Julho , 2026 17:11 UTC](https://meta.discourse.org/t/topic-author-avatar-halos/408552/1 "2026-07-26T17:11:54Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Resumo** | Adiciona um halo colorido ao redor do avatar do autor do tópico em todas as suas publicações dentro do tópico |
| 👓 | **Pré-visualização** | [Pré-visualização com o Theme Creator](https://discourse.theme-creator.io/theme/Lilly/topic-author-avatar-halos) |
| 🛠 | **Repositório** | [https://github.com/Lillinator/topic-author-avatar-halos](https://github.com/Lillinator/topic-author-avatar-halos) |
| ❓ | **Guia de Instalação** | [Como instalar um tema ou componente de tema](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

Instale este componente de tema

### 👩‍💻 Visão geral

Nos últimos anos, vi diversos pedidos sobre formas de destacar o autor do tópico nas publicações subsequentes, e este componente de tema foi projetado para fazer exatamente isso.

Este é um componente de tema leve para o Discourse que adiciona um halo colorido ao redor dos avatares dos autores dos tópicos. O halo aparecerá ao redor do avatar do autor em todas as publicações do seu tópico (e mensagens privadas), facilitando a identificação dele em tópicos longos com muitos participantes.

Existem configurações que permitem aos administradores especificar a cor, o tamanho e a transparência do halo.

### ⚙ Configurações:

| Propriedade | Descrição |
| --- | --- |
| **Cor do Halo** | Cor do halo do autor do tópico. É possível usar variáveis de cor do Discourse (ideal para compatibilidade com modo claro/escuro, ex.: `var(--tertiary)`), códigos hexadecimais ou nomes de cores HTML |
| **Tamanho do Halo** | Tamanho do halo (pequeno, médio ou grande) |
| **Transparência do Halo** | Transparência do halo (0.25 = 25%, 0.5 = 50%, 0.75 = 75%, 1.0 = 100%) |

### 📸 Captura de tela do resultado:

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/0/a/20abd1621d1794e4d21fd00b83402d0ceeda0736.webp)

* * *
 **[Confira meus outros recursos para Discourse](https://meta.discourse.org/filter?q=category%3Acustomization%20created-by%3ALilly%20order%3Acreated)**