Utiliser des variables dans les modèles

Dans certain code de carte, j’ai vu que certain géraient les couleurs sous forme de variable.

var(–white-color)

Elles font reference à un autre fichier ?

Vous pouvez m’en dire plus ?

Je sais que je peux remplacer mes couleurs par exemple par : « #CD5C5C » ou « rgb(205, 92, 92) »

Tout se fait depuis la gestion des thèmes :

Avec le mode développement du navigateur, il est plus facile de trouver les propriétés css à mettre dans le thème.

j’en avais parlé brièvement ici : Comment colorer ses icônes pour les débutants? #Tuto débutant N°1 - #44 par Clemalex et un peu plus ici Comment colorer ses icônes pour les débutants? #Tuto débutant N°1 - #46 par Clemalex

Aperçu de mon thème où j’outrepasse les valeurs par défaut pour certaines déjà déclarées de base et d’autre que j’ai nommées moi-même et que j’appelle dans mes cartes (carburant par exemple).
Chaque variable définies est appelée par var(--NOM_DE_LA_VARIABLE)

frontend:
  themes:
    violet:
      primary-color: "#800080" #couleur principale
      primary-alpha-color: "#80008054" #couleur principale transparente
      paper-item-icon-color: "var(--primary-color)" #icones
      st-spacing: "0px"
    #Carburants
      gazole-color: "#f5871f"
      sp95-color: "#56ba49"
    #Couleurs
      red-color: "#d82128"
      yellow-color: "#fdd835"
      blue-cleaning-color: "#50c6db" #roborock en cour de nettoyage
      blue-color: "#25a2db"
      orange-color: "#ff8902"
      pink-color: "#e6316d"
      green-color: "#4caf50"
      mail-color: "#f7c139" #le facteur est passé
      black-color: "#0"
      light-grey-color: "#dadcdf"
      grey-color: "#8a8c8f"
    #chauffage
      cold-color: "#13b3f2"
      normal-color: "#51c232"
      warm-color: "#f06124"  
      light-text-color: "#f5f5f5" 
      grey-text-color: "#848484" 
      primary-background-active-color: "#f5f5f5" 
      primary-background-inactive-color: "#e6e5e1" 
1 « J'aime »

C’est parfait ca ! je vais pour le moment continuer sans les variables. Quand je saurai ce que je veux comme theme, je passerai par les variables :slight_smile:

1 « J'aime »

Je pense que tu as tout intérêt à passer par les variables dès maintenant ça sera beaucoup plus facile lors de ton changement de thème !!!

2 « J'aime »