Introdução
Este guia abrange o modo escuro, como selecioná-lo e como ativá-lo.
O que é o modo escuro?
Como a Forbes explica,
A ideia por trás do modo escuro é que ele reduz a luz emitida pelas telas dos dispositivos, mantendo as proporções mínimas de contraste de cores exigidas para legibilidade.
O modo escuro é essencialmente um tema predominantemente escuro em seu dispositivo (preto ou cinza, geralmente), com texto claro para contraste. O Discourse possui muitos temas que têm esquemas de cores claros e escuros.
Como seleciono o modo escuro?
Em seu fórum Discourse, seu administrador primeiro precisa instalá-lo. Em admin/customize/themes, o administrador pode escolher ‘Dark’ (Escuro) na lista de temas populares.
Depois disso, você precisará ir para my/preferences/interface para alterar os temas. Você deverá ver esta página.
(Celular)
Depois disso, selecione o menu suspenso onde o tema atual é exibido, ou em ‘Theme’ (Tema). No meu caso, é Meta Branded.
Em seguida, escolha no menu suspenso Dark (Escuro), ou qualquer tema que tenha um esquema de cores escuro (descobriremos como em um instante).
Após selecionar seu tema de escolha, clique no menu suspenso Regular. Selecione qualquer esquema de cores que contenha a palavra ‘Dark’ (Escuro). Comuns incluem ‘Dark’ (Escuro), ‘WCAG Dark’ (Escuro WCAG) e ‘Solarized Dark’ (Escuro Solarized).
Selecionar qualquer esquema de cores para o modo claro não produzirá bons resultados ao seguir este guia. É aconselhável que você selecione ‘Dark’ (Escuro) para este guia, pois é o que usaremos.
Depois de fazer tudo isso, você pode clicar no botão Save Changes (Salvar Alterações) na parte inferior da página. Isso fará com que o Discourse entre no modo escuro (ou, melhor dizendo, em um esquema de cores escuro).
Para que serve o menu suspenso de modo escuro?
Eu sei que você provavelmente está se perguntando isso.
Simplificando, o esquema de cores que você coloca lá é ativado quando seu dispositivo está no modo escuro. O esquema de cores selecionado substituirá o selecionado no menu suspenso ‘Regular’ quando seu dispositivo estiver no modo escuro.
Geralmente, você não mudaria isso. No entanto, se você selecionou um esquema de cores em ‘Regular’ e deseja que seja o mesmo no ‘Modo Escuro’ sem ter que ficar alternando ao mudar de esquemas de cores, você pode definir o menu suspenso ‘Modo Escuro’ para ‘Same as regular’ (O mesmo que o regular), para que o Discourse siga o esquema selecionado em ‘Regular’.
Se o seu dispositivo estiver no modo claro, o menu suspenso ‘Modo Escuro’ não terá efeito.
Então… como verifico se um tema tem um esquema de cores escuro?
Ah, sim! Basicamente, você pode selecionar um tema e dar uma olhada nos esquemas de cores suportados, e verificar se há algum esquema de cores escuro. Uma boa medida é procurar por ‘WCAG Dark’ (Escuro WCAG), pois é um esquema de cores que segue as diretrizes de acessibilidade.
Alternância Escuro/Claro
Agora que este componente foi mesclado ao núcleo, não há necessidade de instalá-lo.
Veja este tópico para mais informações sobre a alternância:
Conclusão
É isso! Você conseguiu localizar a área para mudar seu tema para o modo escuro e experimentou diferentes esquemas de cores!
Fontes e Citações
Forbes: What Is Dark Mode – And Should You Be Using It? – Forbes Advisor UK
Adicionando modo escuro para administradores: Looking for default dark theme - #2 by JammyDodger
Todas as informações neste guia não são geradas por IA, exceto as legendas das imagens. Todas as outras informações são originais e, onde não são, estão vinculadas acima.
