Alternância automática de esquemas de cores em Modo Escuro

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:


Seletor de Esquema de Cores Selecionado pelo Usuário

Para usar este recurso, você precisa criar vários esquemas de cores em seu site e marcá-los como selecionáveis pelos usuários:

Após isso, os usuários deverão ver duas listas suspensas na página Preferências > Interface:

Veja também Update themes and plugins to support automatic dark mode

56 curtidas