🌅 Apresentando Horizon, nosso tema mais recente

Anúncios
34

Para aqueles com preocupações em relação ao espaço, acho importante dividir a conversa em duas partes.

O WCAG recomenda manter as linhas em 80 caracteres ou menos para textos não-CJK. Nossos designs tentam levar isso em consideração; o Horizon está atualmente em ~76.

Portanto, há duas conversas aqui:

  1. Discordo do WCAG e de especialistas em usabilidade; quero apenas que as linhas sejam tão longas quanto eu quiser e não quero que ninguém imponha o limite de 80 caracteres.

  2. Estou de acordo com o WCAG – apenas acho que existe um truque alternativo de alinhamento que pode ser usado para melhorar a aparência.

Para as pessoas em (2), vocês podem compartilhar uma ou duas capturas de tela demonstrando um layout melhor para telas ultralargas?

Para as pessoas em (1), acho que a abordagem aqui é “componente customizado”.

10 curtidas
36

Alguma atualização sobre isso?

37

O tema ficou ótimo!
Mas por que ele não funciona com os resumos de IA expandidos aqui no Meta?

image
image464×272 11.4 KB

1 curtida
38

Na verdade, trata-se mais do fato de que em uma tela widescreen há uma enorme mancha branca. Tenho alguns usuários que também têm uma tela widescreen com feedback semelhante, de que isso é mais incômodo do que útil. Não posso dizer “sim, essa é a diretriz WCAG” ou “compre uma tela ‘normal’”.

Acho que a sugestão de @SubStrider em Help us test Horizon, our newest theme - #70 by SubStrider é muito útil.

Ou talvez a navegação possa ser centralizada.

Screenshot 2025-07-15 102709
Screenshot 2025-07-15 1027092559×907 427 KB

39

Ainda não chegamos a isso, mas está em nossa lista para resolver.

Na verdade, um dos meus colegas acabou de dar uma olhada e confirmou que a única string adicional adicionada pelo Horizon (a descrição do tema) já está disponível no Crowdin. Portanto, devemos estar todos prontos nesse sentido.

2 curtidas
40

pensei que o tema também tem 2 configurações cujas descrições devem ser traduzidas. Elas devem permanecer em inglês, devo adicioná-las a esse arquivo, devem ser movidas para o arquivo en.yml para que possam ser facilmente traduzidas no Crowdin ou você planeja removê-las agora que as configurações de site temáticas foram adicionadas?
https://github.com/discourse/discourse/blob/main/themes/horizon/settings.yml

1 curtida
41

Felizmente, esperei pacientemente por uma atualização. Pensei por um tempo se deveria simplesmente criar um pull request para mover os textos. Obviamente, isso teria sido uma perda de tempo.

1 curtida
42

Bem, eu não.

IMG_5993
IMG_59931290×1447 154 KB

Desativei o Horizon no meu fórum porque havia perguntas frequentes demais sobre como iniciar um tópico. Usuários de dispositivos móveis raramente usam a barra lateral.

Mas essa questão foi discutida e a demanda para fazer um clique extra para realizar uma das funções básicas em fóruns não foi considerada um problema :person_shrugging:

1 curtida
43

Bem…

(Alguém perguntou recentemente em outro tópico quando os usuários usariam a citação completa. Este poderia ser um exemplo, pois sinalizarei estas duas últimas postagens para serem movidas para o tópico sugerido, e então a citação completa daria algum contexto)

1 curtida
44

Mini atualização:

Com base em alguns comentários que recebemos (antigos e novos), decidimos trazer o botão Criar tópico de volta para dispositivos móveis.

Você o encontrará de volta em seu antigo local. A nova versão da barra lateral também permanecerá.

9 curtidas
45

Obrigado por isso. Eu ainda não estou vendo o botão de novo tópico no celular, nem no aplicativo nem pelo navegador, sem antes clicar no menu hambúrguer. Estou na versão mais recente do Discourse e usando o tema Horizon. Alguma ideia?

EDIT - A equipe me ajudou a diagnosticar isso. Se você estiver executando o Stable Branch do Discourse 3.5.0, o botão de novo tópico não será exibido no celular porque o commit só será adicionado na próxima versão estável. Se você precisar habilitar o botão de novo tópico no celular antes que isso aconteça, você pode usar este código CSS personalizado:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}
2 curtidas
47

Olá @lindsey. Temos uma assinatura inicial e sou novo nesta comunidade-Meta. Mas acabamos de mudar para o Horizon e já estamos recebendo ótimos retornos. Então, obrigado a todos pelos seus esforços em tornar o Horizon. Isso terá um impacto em nossa comunidade e nos ajudará em nossa missão de reequilibrar a equação imobiliária para todos!

7 curtidas
49

Uma postagem foi dividida em um novo tópico: Como personalizar cores no tema horizon?

50

Existe alguma documentação sobre como a cor de fundo da barra lateral/cabeçalho é selecionada a partir dos esquemas de cores? O guia de marca e estilo da minha organização está resultando em um fundo muito rosa como resultado de nossas cores, com o Horizon determinando #ffecea como uma cor para escolher, o que não está no nosso manual de marca nem no tema.

Tema atual abaixo:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}
1 curtida
51

O fundo é derivado da cor terciária, #595bca no exemplo abaixo

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

Definido neste arquivo _color_definitions_entrypoint.scss

Se você precisar que seja um rosa mais claro, você teria que ajustar os valores; mudar 96% → 98%, por exemplo, produzirá um rosa mais claro

2 curtidas
52

existe uma configuração para ter o tema em uma cor unificada, como esta?

borda

53

Eu acho que depende da paleta de cores que você selecionar. Você pode descobrir qual delas você usa aqui no Meta em suas preferências e, em seguida, configurar isso para o Horizon no seu site.

1 curtida