Abri uma implementação de rascunho relacionada separadamente, mas a ideia mais ampla é simplesmente um possível acompanhamento para este recurso:
A abordagem atual com um único SVG usando var(--primary), var(--secondary) e var(--tertiary) ainda é o caminho mais limpo e simples para a maioria dos sites, especialmente onde o mesmo SVG precisa apenas adaptar suas cores.
O caso de uso que estava explorando é o caso extremo em que uma tela de splash no modo escuro precisa de um ativo genuinamente diferente ou de um tratamento óptico distinto, em vez de apenas recolorir o mesmo SVG. Por exemplo, um cabeçalho escuro para usuários logados pode funcionar melhor com um tratamento de logotipo/fundo transparente específico, enquanto a visualização de splash/login anônimo pode precisar de um fundo carvão ligeiramente diferente ou de um SVG ajustado para melhor contraste.
Portanto, a ideia não é substituir a abordagem atual baseada em variáveis, mas fornecer uma válvula de escape para sites onde a arte da tela de splash no modo escuro realmente precisa diferir da arte da tela de splash no modo claro/padrão.
Agradecemos feedback sobre se isso deve ser implementado como uma configuração separada splash_screen_image_dark ou se a abordagem atual de único SVG + variáveis de cor deve permanecer como a única rota suportada.