Tema Avid Reader

:warning: 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.

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

Instale este tema

Recursos

Implementamos tamanhos de fonte maiores, mais contraste de tamanho entre diferentes títulos, mais espaço entre 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:

Para o Versatile Banner, 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 para ele:

Veja as configurações completas para o Versatile Banner

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ê quiser que seu Discourse fique exatamente como a prévia ao vivo, além de implementar a configuração para o Versatile Banner acima, estas foram nossas escolhas para algumas das configurações de Admin.

Estilo da categoria

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

Admin > Configurações > Configuração Básica > estilo da 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 da 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 da 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 faz com que os fundos dos cartões de usuário sejam 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 ruidosos.

Mas isso limita um aspecto da autoexpressão do usuário. Optamos por deixá-lo como uma configuração, para que o Admin decida.


Este é nosso primeiro tema e realmente a primeira coisa real que fazemos em termos de programaçã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!


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

26 curtidas

Ótimo tema, agradável de ver.

2 curtidas

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?

2 curtidas

@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!

1 curtida

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

2 curtidas

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

1 curtida

Existe um modo escuro?

1 curtida

@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 :cowboy_hat_face:

2 curtidas

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

1 curtida

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

2 curtidas

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?

É por causa deste CSS:

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

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

2 curtidas

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.

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

2 curtidas

@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?

1 curtida

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)

3 curtidas