Introdução
Este guia aborda o modo escuro, como selecioná-lo e como ativá-lo.
O que é o modo escuro?
Como explica a Forbes,
A ideia por trás do modo escuro é reduzir a luz emitida pelas telas dos dispositivos, mantendo as razões mínimas de contraste de cor necessárias para a legibilidade.
O modo escuro é essencialmente um tema predominantemente escuro em seu dispositivo (geralmente preto ou cinza), com texto claro para contraste. O Discourse possui muitos temas que incluem esquemas de cores claros e escuros.
Como selecionar o modo escuro?
Em seu fórum Discourse, seu administrador precisa instalá-lo primeiro. Em admin/customize/themes, o administrador pode escolher “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.
(Móvel)
Após isso, selecione o menu suspenso onde o tema atual é exibido, ou no menu suspenso “Tema”. No meu caso, é “Meta Branded”.
Em seguida, escolha no menu suspenso “Escuro” ou qualquer tema que tenha um esquema de cores escuro (descobriremos como em breve).
Depois de selecionar o tema de sua preferência, clique no menu suspenso “Regular”. Selecione qualquer esquema de cores que contenha a palavra “Escuro” no nome. Os mais comuns incluem “Escuro”, “WCAG Escuro” e “Solarized Escuro”.
Selecionar qualquer esquema de cores para o modo claro não produzirá bons resultados ao seguir este guia. Recomenda-se que você selecione “Escuro” para este guia, pois é isso que usaremos.
Após fazer tudo isso, você pode clicar no botão 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 do modo escuro?
Sei que você provavelmente está se perguntando isso.
Para simplificar, o esquema de cores definido ali é ativado quando seu dispositivo está no modo escuro. O esquema de cores selecionado substituirá o escolhido no menu suspenso “Regular” quando seu dispositivo estiver no modo escuro.
Geralmente, você não precisaria alterar isso. No entanto, se você selecionou um esquema de cores em “Regular” e deseja que ele seja o mesmo no “Modo escuro” sem precisar ficar alternando ao mudar de esquema de cores, pode definir o menu suspenso “Modo escuro” como “Igual ao regular”, para que o Discourse siga o esquema selecionado em “Regular”.
Se seu dispositivo estiver no modo claro, o menu suspenso “Modo escuro” não terá nenhum efeito.
Então… como verifico se um tema tem um esquema de cores escuro?
Ah, sim! Basicamente, você pode selecionar um tema, dar uma olhada nos esquemas de cores suportados e verificar se há algum esquema de cores escuro. Um bom indicador é procurar por “WCAG Escuro”, pois é um esquema de cores que segue diretrizes de acessibilidade.
Alternância entre 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 alterar seu tema para o modo escuro e experimentou diferentes esquemas de cores!
Fontes e Citações
Forbes: https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
Adicionando modo escuro para administradores: Looking for default dark theme - #2 by JammyDodger
Todas as informações deste guia não foram geradas por IA, exceto as legendas das imagens. Todas as demais informações são originais e, quando não o forem, estão linkadas acima.
