# Bordas arredondadas para imagens, oneboxes, blockquotes e mais

**URL:** <https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044>\
**Category:** Theme component\
**Created:** [6 Julho , 2022 03:23 UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044 "2022-07-06T03:23:34Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)\
**Post date:** [6 Julho , 2022 03:23 UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/1 "2022-07-06T03:23:34Z")

</div>

Criado um componente muito simples para alterar as bordas de imagens, oneboxes, citações e avisos de staff exibidos nos tópicos.

Permite alterar as seguintes configurações:

- Definir a intensidade do arredondamento da imagem
- Definir a largura da borda da imagem
- Definir a cor da borda da imagem
- Definir a intensidade do arredondamento da onebox
- Alterar a largura da borda da onebox
- Alterar a cor da borda da onebox
- Alterar a cor de fundo da onebox
- Definir a intensidade do arredondamento das citações
- Remover a borda esquerda das citações
- Definir a intensidade do arredondamento da ‘cor do staff’
- Suporte para [miniaturas de tópicos](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602):
  - Cantos arredondados da lista
  - Cantos arredondados da grade
  - Plano de fundo do espaço reservado
  - Cor do ícone do espaço reservado
  - Plano de fundo do título do tópico da grade

### Modo claro com arredondamento de 10px e sem borda

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/d/f/3df0084e32a6ccd0a374785bf412c1dfa0f87a89.jpeg)

### Modo escuro com arredondamento de 10px e borda de 2px

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/2/4/22450db3a404e0cfc16784eca5a5c0d5ded38127.jpeg)

### Incluindo suporte a onebox

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/3/f/83fb44f5a4f15dfadcd48a71421ada20bb4e1f28.png)

### Arredondamento de citações (15px)

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/f/1/2f18a057c3cf8898304166cd1d7394bfe687734c.png)

Ou remova a borda esquerda das citações:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/7/e/17e201946b8d2dd7f09a1fbfe8f22f017bbc7938.png)

### Cor do staff arredondada

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/8/1/781f8440106bba6c20f8567ef1bb683af5a46b30.png)

### Suporte para [Miniaturas de Tópicos](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)

Visualização da lista

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/7/4/974a333aa051160abe308c943cf6a3843fb8cf52.png)

Visualização da grade

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/5/7/55783fe914495ecabe91f05ec9a368739a0a5d34.jpeg)

| | |
| --- | --- |
| 🕶 | **Prévia** |
| 🔗 | **Repositório Github** |
| 🛠 | **Guia de Instalação** |

---

_[View the full topic](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044)._