Estou experimentando esquemas de cores que têm um fundo escuro no cabeçalho, mas um fundo claro no site.
Existe alguma maneira de marcar esses esquemas de cores para que eles peguem o logotipo do modo escuro de qualquer maneira? (já que ele tem texto claro)
Hmm, não facilmente. Nosso cálculo para logotipos em modo escuro é baseado em se todo o esquema de cores é considerado escuro, e para isso comparamos o brilho da cor primária e da secundária. Esse cálculo acontece aqui no código.
Seu caso de uso não corresponde exatamente a esse cenário, embora. Você poderia escrever uma substituição de tema para o logotipo que usa o escuro por padrão, mas então você precisaria que os usuários alternassem temas, bem como esquemas de cores… complicado. Imagino que você queira permitir que os usuários selecionem vários esquemas de cores, certo?
Sim, estou executando uma única instância de tema e gostaria de mantê-la assim. É muito mais simples para os usuários.
Ficaria feliz com alguma solução improvisada, como poder injetar CSS/JS personalizado com base no esquema de cores.
Mas, idealmente, cada esquema de cores deveria ter uma opção — na minha opinião — para determinar se ele seleciona o logotipo escuro ou claro. Decidir automaticamente com base na cor de fundo base não funciona, exatamente porque o fundo do cabeçalho pode ser completamente diferente.
Isso pode ser desejável, não tenho certeza, mas mesmo que seja, é algo complicado para um esquema de cores controlar. Em certo sentido, ter um esquema de cores escolhendo seu logotipo significaria que o esquema de cores se estenderia demais para fora de seu próprio escopo.
Isso também complica quaisquer hacks possíveis. Atualmente, não temos uma maneira de adicionar CSS ou JS com base no nome ou ID de um esquema de cores.
No meu fórum, temos um esquema de cores rosa. Ele tem uma barra de título rosa e uma cor secundária clara.
No esquema de cores Claro, a barra de título fica assim:
Mas o que realmente obtemos é isto, porque o Discourse simplesmente o considera como adaptação do logotipo do modo claro:
No final, usamos alguns componentes de tema menos elegantes para fazer com que o logotipo seja influenciado pela cor do cabeçalho. Estamos um pouco angustiados com a determinação automática de como os modos de cores escuras e claras afetam o logotipo.
Quer dizer, para mim não parece que isso estaria fora do escopo de um esquema de cores.
Não estou falando de logotipos personalizados por esquema de cores, estou apenas pedindo uma configuração para determinar se o esquema de cores deve invocar o logotipo do modo claro ou escuro, em vez de ser determinado automaticamente. A detecção automática ainda pode ser o comportamento padrão.
Estou imaginando um menu suspenso chamado Detecção de Logo com as opções Automático, Claro e Escuro. Então, qualquer código que você tenha que faça a determinação, pode ver essa caixa de seleção e verificar a cor de fundo se for automática, ou apenas escolher o logotipo especificado.
Isso me parece informação semanticamente relevante para um esquema de cores, e não uma funcionalidade importante.
Sim, fiz o mesmo que @Lhc_fl para o meu fórum, mas mudei a cor do cabeçalho e o logotipo por categoria em dois temas, claro e escuro. Meus usuários não são inclinados à tecnologia e acharam a opção claro-escuro em um tema confusa, então uso temas claros e escuros em vez disso. Acho que essa seria minha sugestão, já que você está trabalhando com apenas um tema real. O alternador de tema da barra lateral TC facilita a troca para os usuários.
Acredito que solicitações de Feature ou UX novas sejam preferíveis, se possível, em vez de abordar um tópico de Support. Dessa forma, você pode apresentar o que deseja adequadamente na postagem original, desenvolver um caso de uso forte e incorporar/resumir qualquer coisa que possa ter aprendido ao explorar a ideia em um tópico de Support.
Em última análise, quanto mais forte for o seu argumento, maior a probabilidade de ser considerado para tempo de desenvolvimento.