Définitions de couleurs pour des schémas autres que clair/foncé

Bonjour :wave:

Discourse peut gérer deux schémas de couleurs : Clair et Sombre. Ainsi, lorsque vous passez votre appareil en mode sombre, il utilisera par défaut le paramètre du site default dark mode color scheme id.

Vous pouvez définir des palettes de couleurs personnalisées supplémentaires dans Discourse.

Vous pouvez ajouter de nouvelles palettes de couleurs sur la page /admin/customize/colors.

ou

Par exemple, si vous utilisez un thème personnalisé, vous pouvez les définir dans le fichier about.json.
C’est ce que nous faisons, par exemple, dans le thème FKB Pro.

Dans ce cas, ces palettes de couleurs seront ajoutées à /admin/customize/colors.


Lorsque ces palettes de couleurs sont ajoutées, les utilisateurs peuvent les sélectionner dans la page des préférences utilisateur, si cette option est activée.


dark-light-choose()

La fonction dark-light-choose() ne peut gérer que les deux schémas de couleurs clair/sombre, et non les palettes de couleurs. Je vous suggère de l’utiliser uniquement pour créer des variables de couleur personnalisées, et non pour remplacer les variables par défaut. Pour remplacer les variables de couleur par défaut, vous pouvez procéder comme indiqué ci-dessus.

Si l’utilisateur définit une palette de couleurs différente du schéma Clair/Sombre par défaut du site dans la page des préférences utilisateur, alors les variables de couleur que vous avez créées avec dark-light-choose() seront utilisées pour toutes les palettes de couleurs claires ou sombres des schémas de couleurs.

C’est l’une des raisons pour lesquelles j’ai créé le composant de thème Customization > Theme component suivant.

Dans ce composant de thème, vous pouvez cibler séparément les color-scheme="id".

Voici ce que vous pouvez faire :arrow_down_small:

Créez des palettes de couleurs (Clair, Atténué, Sombre)

Utilisez le composant ci-dessus pour apporter des modifications aux couleurs de la palette Atténuée color-scheme="id" ou à d’autres éléments, si nécessaire.