Thème Élégant

J’ai examiné le CSS mobile et constaté qu’il était exclu ; en commentant la partie « left-border », les bordures colorées sont réapparues :

.category-list-item {
//  border-left: none;
  border-top: 2px solid;
  .category-name {
    font-weight: normal;
  }
}

Cependant, je sais que cela sera écrasé à chaque mise à jour du thème. Quelle est la meilleure méthode pour conserver ces modifications dans ces cas ?

J’ai un composant de thème personnalisé où je conserve mes modifications CSS, notamment dans la partie CSS mobile :

.category-list-item {
  border-left: 4px !important; 
}

…mais cela n’affiche pas la couleur spécifique de la catégorie, seulement une barre blanche. Comment faire pour afficher la bonne couleur de catégorie ? Je sais que cela a quelque chose à voir avec les variables de couleur des catégories, mais je n’arrive pas à trouver la référence.

Je suis un débutant en matière de CSS et je risque donc de faire quelque chose de mal.

Merci,
Ray

2 « J'aime »