Tema Grazioso

Ho esaminato il CSS per mobile e ho visto che veniva escluso; commentando la parte “left-border” le cornici colorate sono tornate visibili:

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

Tuttavia, so che queste modifiche verranno sovrascritte ogni volta che il tema viene aggiornato. Qual è il modo migliore per mantenere le modifiche in questi casi?

Ho già un componente tema personalizzato dove conservo le modifiche CSS personalizzate, inserite nella sezione CSS per mobile:

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

…ma non mostra il colore specifico della categoria, bensì una barra bianca. Come posso fare in modo che appaia il colore corretto della categoria? So che ha a che fare con le variabili dei colori delle categorie, ma non riesco a trovare alcun riferimento ad esse.

Sono un principiante per quanto riguarda il CSS e simili, quindi potrei stare facendo qualcosa di sbagliato.

Grazie,
Ray

2 Mi Piace