Graceful Theme

Я изучил мобильные CSS-стили и обнаружил, что они исключены; закомментирование части «left-border» вернуло цветные границы:

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

Однако я знаю, что эти изменения будут перезаписаны при обновлении темы. Какой лучший способ сохранить модификации в таких случаях?

У меня есть пользовательский компонент темы, где я храню изменения CSS, в том числе в части мобильных стилей:

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

…но это отображает только белую полосу, а не конкретный цвет категории. Как сделать так, чтобы отображался правильный цвет категории? Я знаю, что это связано с переменными цветов категорий, но не могу найти соответствующие ссылки.

Я новичок в CSS и подобных вещах, так что, возможно, делаю что-то не так.

Спасибо,
Рэй

2 лайка