Tema Avid Reader

[Discourse]

Se você instalou o tema antes de 7 de junho de 2023, será necessário reinstalá-lo usando o novo link do repositório no GitHub.

	Resumo	Avid Reader é um tema focado na legibilidade, inspirado na aparência do Pocket.
	Link do Repositório	https://github.com/discourse/avid-reader
	Novo em Temas do Discourse?	Guia para iniciantes sobre o uso de temas do Discourse

Instalar este tema

Como este é um tema #oficial mantido pela equipe do Discourse, questões de #suporte, relatórios de Contribute > Bug, sugestões de Contribute > UX e pedidos de Development advice podem ser feitos nas respectivas categorias aqui no Meta, marcados com a tag apropriada do tema. Clique em um link abaixo para iniciar um.

 Suporte  Bug  UX  Dev

Recursos

Implementamos tamanhos de fonte maiores, mais contraste entre os diferentes títulos, mais espaço entre as linhas e uma cor de fundo neutra para uma melhor experiência de leitura. Também há alguns ícones personalizados.

Capturas de Tela

Componentes do Tema

O tema inclui os seguintes componentes de tema:

• Componente de Tópicos Clicáveis do Discourse
• Banner Versátil por @tshenry

Para o Banner Versátil, estamos usando apenas alguns recursos para ter uma mensagem de boas-vindas simples com uma descrição apenas na página inicial. Você pode verificar a captura de tela abaixo para replicar nossas configurações:

Ver configurações completas do Banner Versátil

E aqui está o código que usamos para nossa mensagem de boas-vindas + descrição:

<h2 class="x-title">
  Sua Mensagem de Boas-Vindas
</h2>
<div class="description">
  <p>
    Uma breve descrição sobre o que é o seu Discourse
  </p>
</div>

Nossas Recomendações

Se você deseja que seu Discourse fique exatamente como a prévia ao vivo, além de implementar a configuração do Banner Versátil acima, estas foram nossas escolhas para algumas das configurações de Administrador.

Estilo de categoria

Preferimos que o estilo da categoria seja barra em vez do padrão de ponto. Isso pode ser alterado em:

Admin > Configurações > Configuração Básica > estilo de categoria > barra

Estilo da página de categoria para desktop

Optamos por usar a opção ‘caixas’ para a página de Categorias. Isso pode ser alterado em:

Admin > Configurações > Configuração Básica > estilo da página de categoria para desktop > caixas com subcategorias

Cores de categoria

Criamos uma paleta de cores para as cores das categorias que achamos que funciona bem com o restante do tema.

Ver Valores HEX das Cores

#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

Você pode adicionar esses valores HEX em:

Admin > Configurações > Configuração Básica > cores de categoria

Remover configuração de fundo do cartão de usuário

O tema possui uma configuração que pode ser um pouco controversa. Ela se chama ‘ocultar fundo do cartão de usuário’ e o que ela faz é fazer com que os fundos dos cartões de usuário fiquem apenas brancos. Achamos que, mesmo com a forte sobreposição que o Discourse usa por padrão, os fundos dos cartões de usuário às vezes são um pouco barulhentos.

Mas isso limita um aspecto da autoexpressão do usuário. Optamos por deixá-lo como uma configuração, cabendo ao Administrador decidir.

---

Este é nosso primeiro tema e realmente a primeira coisa real que fazemos em termos de codificação. Esperamos que você goste e ficaremos mais do que felizes em ouvir qualquer feedback que a comunidade tenha. Obrigado ao Discourse por apoiar este trabalho!

Hospedado por nós? Temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

[P2W (Mike Riddick)]

Ótimo tema, agradável de ver.

[Jagster (Jakke Flemming)]

Os tópicos não mudam de cor para outra cor, como um tom acinzentado, quando abertos. Quando tudo está preto, é difícil identificar rapidamente os tópicos não lidos. É uma questão de CSS?

[zavorio (Carlos Saborío-Romero)]

@Jagster obrigado por apontar isso. Testamos isso no Safari e no Chrome enquanto estávamos desconectados e funcionou corretamente.

Mas acabei de limpar o histórico dos navegadores para testar e não funciona mais; os tópicos não mudam de cor após serem visitados. Vou investigar isso mais tarde hoje ou no início de amanhã, obrigado!

[zavorio (Carlos Saborío-Romero)]

Acabamos de atualizar o CSS, deve funcionar agora. Era uma regra CSS antiga que escrevemos no início e esquecemos, haha.

[elopio (Leo Arias)]

Uau, eu gostei!

Vamos testá-lo como o tema padrão em https://bunqueer.jaquerespeis.org/

O logotipo não está ficando bom agora, vamos mudá-lo depois.

Obrigado @zavorio e @senioritapolyester <3

[CamilleRoux]

Existe um modo escuro?

[zavorio (Carlos Saborío-Romero)]

@CamilleRoux, talvez façamos um mais tarde, mas primeiro gostaríamos de fazer uma variação do esquema de cores atual para uma versão um pouco mais escura do tema. Mas não é algo que você chamaria de Modo Escuro. Algo mais na linha do tema Titanium do Standard Notes:

Acho que a maioria das interfaces claras/escuras comuns tem contraste excessivo para os meus olhos. Como @P2W expressou acima, nosso objetivo era criar algo confortável para a vista. Um modo escuro tradicional pode ser demais. Mas quem sabe, podemos mudar de ideia

[Zup]

@zavorio

Algo mais no estilo do tema Titanium para o Standard Notes:

Houve algum progresso com essa paleta de cores? Ela é realmente perfeita!

[zavorio (Carlos Saborío-Romero)]

Ei! Não exatamente, mas vamos sair antes do fim do ano. Temos estado um pouco ocupados

[stuwest]

Estou adorando este tema, mas minha instância acabou de adicionar o novo recurso de barra lateral e o menu de notificações quebrou. Mais alguém teve esse problema ou sou só eu?

[Canapin (Coin-coin le Canapin)]

É por causa deste CSS:

.widget-component-connector {
    display: none;
}

Não sei qual é o propósito original desta regra neste tema.

[Jagster (Jakke Flemming)]

E o ícone de chat está faltando. Eu usei este tema antes, mas o descartei porque havia outros problemas também — desculpe, não me lembro mais quais. Mas vejo que este tema está quebrado.

[Canapin (Coin-coin le Canapin)]

@Jagster

E o ícone de chat está faltando.

Pelo que vi no código do Discourse, acredito que a causa seja a mesma da minha mensagem acima.

[dax (Daniela)]

@zavorio há alguns PRs no Github para você. Por favor, aprove-os para corrigir o tema.

Você consideraria continuar atualizando este tema no futuro, ou prefere abandoná-lo?

[dax (Daniela)]

O tema foi movido para nossa organização no GitHub e foi corrigido.

Se você instalou o tema antes de 7 de junho de 2023, precisará reinstalá-lo usando o novo link do repositório no GitHub.

(OP atualizado)