Écran de démarrage Discourse avec des images SVG personnalisées

J’ai ouvert une implémentation de brouillon connexe séparément, mais l’idée plus large est simplement un éventuel prolongement de cette fonctionnalité :

L’approche actuelle avec un seul fichier SVG utilisant var(--primary), var(--secondary) et var(--tertiary) reste la voie la plus simple et la plus épurée pour la plupart des sites, en particulier lorsque le même SVG doit simplement adapter ses couleurs.

Le cas d’usage que j’explorais est un cas limite où une page de bienvenue en mode sombre nécessite véritablement un actif différent ou un traitement optique spécifique, plutôt que de simplement recolorer le même SVG. Par exemple, un en-tête sombre pour les utilisateurs connectés peut fonctionner au mieux avec un traitement transparent spécifique pour le logo ou l’arrière-plan, tandis que la vue de connexion ou de bienvenue pour les utilisateurs anonymes peut nécessiter un arrière-plan légèrement différent en charbon ou un SVG ajusté pour un meilleur contraste.

L’idée n’est donc pas de remplacer l’approche actuelle basée sur les variables, mais de prévoir une issue de secours pour les sites où l’artwork de la page de bienvenue en mode sombre doit vraiment différer de celui de la page de bienvenue en mode clair ou par défaut.

Toute remarque est la bienvenue pour savoir si cela devrait constituer un paramètre séparé nommé splash_screen_image_dark, ou si l’approche actuelle (un seul SVG + variables de couleur) devrait rester la seule voie prise en charge.

1 « J'aime »