モバイル用の CSS を調べてみると、その部分が除外されていることがわかりました。「left-border」の部分をコメントアウトすると、色付きの境界線が復活しました：
.category-list-item {
// border-left: none;
border-top: 2px solid;
.category-name {
font-weight: normal;
}
}
ただし、テーマが更新されるたびにこの変更が上書きされてしまうことは理解しています。そのような場合、変更を保持するための最良の方法は何でしょうか？
カスタムテーマコンポーネントを持っており、そこにはカスタム CSS の変更をまとめています。モバイル CSS の部分には以下のような記述があります：
.category-list-item {
border-left: 4px !important;
}
しかし、これでは特定のカテゴリの色は表示されず、白いバーだけが表示されてしまいます。正しいカテゴリの色を表示するにはどうすればよいでしょうか？カテゴリの色に関連する変数と何か関係があることはわかっていますが、その参照先を見つけられずにいます。
CSS については初心者なので、何か間違ったことをしている可能性もあります。
よろしくお願いいたします、
レイ