Escrevendo um tema elegante... vale a pena enviar para o upstream, ou não?

Olá!

No mês passado, meu fórum favorito mudou para o Discourse. Isso foi, em sua maioria, uma atualização, mas as pessoas reclamaram* sobre a aparência. Então decidi consertar, e acabei fazendo uma grande reformulação de estilo. Agora estou tentando decidir se devo me esforçar para transformá-lo em um tema adequado e integrá-lo ao projeto principal, ou se isso é irrealista.

Acho que as pessoas em outros fóruns também poderiam apreciá-lo como um tema alternativo, mas não sei quão difícil seria conseguir a integração. O que fiz se desvia bastante do design de tema usual do Discourse… o que é tanto parte do apelo quanto parte da dificuldade.

Ainda está em andamento, mas aqui estão algumas capturas de tela:

Ele foi projetado para tornar várias paletas de cores relativamente fáceis de criar e alternar, e aqui estão três que existem até agora.

Modo dia:

Modo noturno:

Cinza aconchegante:

As postagens de tópicos vêm em 4 sabores: Regular (cinza com cabeçalho azul), administrador/moderador (verde), autor do tópico (ciano) e usuário atualmente logado (roxo ou rosa). Todos são fáceis de mudar.

A pré-visualização do editor e o “grippie” combinam com o estilo do “usuário atual”. Além disso, as barras de rolagem combinam com o tema da página. A linha do tempo também é estilizada para parecer mais com uma barra de rolagem.

A lista de tópicos usa linhas de 1 linha sempre que possível, com listras de tigre. Os elementos do mapa de calor parecem mais com fogo.

Menu do usuário / notificação:

Aninhamento mais claro de posts incorporados:

Um cartão de informações do usuário e pré-visualização de link:

Por enquanto, é apenas uma grande substituição de folha de estilo e uma folha de estilo menor para definir as cores. Mas se for viável que o tema seja aceito no projeto principal, eu poderia convertê-lo em um tema Discourse adequado.

13 curtidas

Realmente único, ótimo trabalho!

(Todo show de temas deveria apresentar o Chatbot, aliás :wink: )

5 curtidas

Oh, hum, isto ainda está em andamento, mas se alguém quiser experimentar o que tenho até agora… a maneira mais fácil é localmente usando uma substituição de folha de estilo no navegador:

  1. Instale o Stylus, se ainda não o tiver.
  2. Com um site do Discourse aberto, clique no ícone do Stylus.
  3. Em "Escrever estilo para", clique em "este-site.tld".
  4. Adicione um título de tema.
  5. Cole o conteúdo do arquivo CSS correspondente vinculado abaixo. Idealmente, faça o arquivo style.css primeiro, pois os outros dependem dele.
  6. Salve.
  7. Repita para os outros arquivos, um por tema.
  8. Ative o tema base e um dos outros temas. Desative o(s) outro(s) tema(s).

Ainda estou debatendo se devo convertê-lo para um tema instalável do lado do servidor. No fórum para o qual fiz isso, o administrador simplesmente instalou outra instância do Sam’s Simple Theme e colocou isso por cima como substituições de folha de estilo… o que funciona, mas não é o ideal.

1 curtida

Para contextualizar, eis o que as pessoas reclamaram no tema padrão e, portanto, o que tentei corrigir:

  • Muito simples.
  • Muito espaço vazio.
  • Não informação suficiente na tela ao mesmo tempo. Elas queriam maior densidade de informação.
  • Às vezes, não estava claro quais elementos da página podiam ser clicados… como as datas de início/fim no widget de linha do tempo.
  • Às vezes, não estava claro como os elementos da página se relacionavam uns com os outros… como posts, posts incorporados e citações. Algumas pessoas acharam que não havia pistas visuais suficientes para indicar a estrutura.
  • Não havia separação visual suficiente entre os elementos da página. Tudo parecia impresso em um único documento contínuo.
  • As pessoas solicitaram especificamente linhas de lista de tópicos de 1 linha e listras de tigre.

Então, optei por algo mais compacto, mais colorido, mais tridimensional, com estrutura visual mais explícita… como uma pilha de cartões em vez de um único documento contínuo. Basicamente, o oposto do estilo minimalista plano que tem sido popular ultimamente.

Temas mínimos são um bom padrão, pois são práticos, acessíveis e neutros. Mas para quem quer uma alternativa a isso, fiz algo… diferente. :sweat_smile:

3 curtidas

Isso ainda está em andamento, mas comecei a adicionar suporte para o widget de chat…

1 curtida

Ótimo trabalho. Eu adoro.

1 curtida

Tema incrível!

Adicionei você ao grupo de autores de temas, para que você possa criar um tópico para seu tema em Theme, o que permite que as pessoas o instalem em suas instâncias com o pressionar de um botão.

8 curtidas

Obrigado!

Estive fora por um tempo com um resfriado, mas isso está quase acabando, então espero que em breve eu possa começar o processo de fazer um tema adequado em vez de apenas uma substituição de folha de estilo.

3 curtidas

Faça isso, coloque no GitHub!!

2 curtidas

Onde isso chegou? Não deixe que este ótimo trabalho passe despercebido.

1 curtida

A propósito, este é o objetivo do tema padrão - ele existe para ser aprimorado.

Os alvos de clique/toque são parcialmente a razão para isso - não subestime o benefício do espaçamento quando você está tentando acertar um controle específico com o polegar!

1 curtida