Agora você pode configurar seu site Discourse para alternar automaticamente os esquemas de cores quando o dispositivo do usuário estiver no modo escuro. Para uma prévia rápida, acesse a instância try.discourse.org e ative e desative o modo escuro do seu dispositivo para ver esse novo recurso em ação. (Este recurso não está habilitado no meta.)
Habilitando o modo escuro automático
Para ativar este recurso em sua instância, selecione o esquema de cores do modo escuro nas configurações do seu site:
Após definir essa configuração, recarregue seu site com um dispositivo no modo escuro e você verá o esquema de cores escuro em uso.
Se o logotipo que funcionava bem em um esquema claro não funcionar tão bem em um fundo escuro, agora você pode fazer upload de alternativas nas novas configurações disponíveis no núcleo.
Os arquivos carregados nessas configurações substituirão a configuração regular com o mesmo nome se: a) a alternância automática do modo escuro estiver habilitada e o dispositivo do usuário estiver no modo escuro, ou b) o usuário estiver usando um tema escuro (mesmo que não esteja no modo escuro). Sites que anteriormente usavam https://meta.discourse.org/t/alternative-logos-for-dark-light-themes/88502 agora podem passar a usar as configurações do site do núcleo e remover esse componente.
Alguns usuários podem não querer alternar automaticamente para um esquema de cores escuro quando seu navegador estiver no modo escuro. Eles podem desativar esse recurso desmarcando a opção “Habilitar esquema de cores do modo escuro automático” em suas Preferências > Interface:
Quando chegar ao canal Beta, poderei testar. Tecnicamente, não há motivo para não funcionar, desde que o ChromeOS (assim como Android, iOS, macOS, etc.) respeite a consulta de mídia prefer-color-scheme.
Acabei de testar isso em um Chromebook no canal Beta. Funciona de certa forma, mas ainda está sem polimento. Consegui forçar o modo escuro para todo o conteúdo da web, incluindo sites Discourse (testei usando try.discourse.org). Mas parece que não é possível alternar o conteúdo da web ao alternar o sistema operacional entre temas escuro e claro. E, ao brincar com as configurações, acabei frequentemente em um estado híbrido, onde partes da interface usam o modo claro e outras partes o modo escuro.
Para quem quiser testar, acesse chrome://flags, pesquise por “Dark” e ative “Modo escuro/claro da interface do sistema” e “Forçar modo escuro para conteúdo da web”.
Temos um tema claro e um tema escuro. O tema escuro renderiza tudo como desejamos, incluindo ícones de tags e pré-visualizações de tópicos. No entanto, o esquema de cores escuro apresenta vários problemas ao usar esses complementos. Apenas me pergunto: por que não é possível definir um tema padrão para o modo escuro automático, em vez de um esquema de cores padrão? O tema parece permitir ajustes muito melhores do que o esquema de cores.
Acredito que você esteja se referindo a alguns problemas com o modo escuro no plugin de pré-visualização de tópicos? Se eu clicar no site no seu perfil de usuário, vejo que algumas cores de hover estão incorretas no modo escuro. Talvez o plugin de pré-visualização de tópicos precise de uma pequena atualização para melhor suportar o modo escuro (há um guia para desenvolvedores de plugins). Se for esse o caso, acho que vale a pena levantar o problema no tópico desse plugin.
Não podemos trocar de tema dinamicamente; os temas podem ter código JavaScript personalizado, e não é possível alterar o código JavaScript sem recarregar a página.
Certo, a caixa de seleção aparece se houver apenas um esquema escuro disponível. Recentemente, introduzimos os esquemas compatíveis com WCAG, o que altera a interface para os dois menus suspensos que você vê em Esquemas de Cor na sua captura de tela.
Os usuários que desejam desativar o modo escuro automático podem clicar no menu suspenso Modo Escuro e defini-lo como “Igual ao Regular”.
É possível deixar essa caixa desmarcada por padrão? A maioria dos membros da nossa comunidade não está acostumada a navegar no site no modo escuro. Alguns usuários ainda gostariam de ter a opção de modo escuro automático.
Essa ainda é a melhor maneira de testar esse recurso? Não vejo nenhuma alteração no tema em try ao acessar com meu Chromebook e ativar/desativar o modo escuro. Mesmo atualizando a página web, nada acontece. Estou usando a versão mais recente do ChromeOS. Também tentei criar uma conta de teste e fiz o mesmo, sem nenhuma alteração.
Também olhei em outros sites que utilizo, incluindo os auto-hospedados e o Teams, e não consegui fazer com que mudassem automaticamente com base na configuração de modo escuro do meu dispositivo.
ps- estou adorando o recurso de screencast no ChromeOS. Muito legal!
Então funciona no Windows e no iOS, mas não no ChromeOS? É isso que os testes mostram? Isso me leva a crer que o ChromeOS talvez precise de alguma atualização ou não está fazendo isso exatamente como todos os outros? Alguma ideia, @pmusaraj?
Sim, isso é realmente um problema do ChromeOS. Funciona bem em todos os sistemas operacionais que suportam o modo escuro, ou seja, macOS, Windows, iOS, Android e várias distribuições Linux. Não há nada que possamos fazer aqui.
Hmm, bom ponto. Como testamos isso @pmusaraj no Meta? Ativei o “modo escuro” para aplicativos no Windows 10 e estou vendo o Twitter (web/Chrome) ficar escuro, mas não o Meta?
Sim, isso ainda não está habilitado no meta, pois temos muitos temas ativados aqui, cada um projetado para funcionar com um esquema de cores específico. Além disso, temos o seletor de temas no menu hambúrguer, que não funciona bem com esquemas de cores.
Ah, entendi. Minha instalação é bastante antiga e tinha apenas um esquema de cores, o claro. Adicionei um novo esquema de cores baseado no padrão escuro, e funcionou — posso confirmar que alternar entre os esquemas de cores escuro e claro nas Configurações do Windows agora afeta automaticamente o Discourse!
Mas isso funciona imediatamente em uma nova instalação do Discourse? Espero que sim?
Sim, existem alguns esquemas de cores adicionados por padrão (Claro, Escuro, WCAG Claro, WCAG Escuro). A configuração vem desativada por padrão; novos administradores precisam encontrá-la para ativá-la.
Deveríamos talvez estabelecer como objetivo ter essa configuração ativada por padrão nesta versão? Desde que enviemos logotipos padrão na versão escura, deve ficar bom?
Agora consigo ler o dobro. 