Change the carton category colors

Here’s something that you can play around with:

.list-controls {
  .category-drop, .tag-drop {
    .select-kit-header {
      background: beige;
      color: black;
      svg {
        color: black;
      }
    }
    .select-kit-filter {
      background: beige;
      .filter-input {
        color: black;
      }
    }
    .select-kit-collection {
      background: beige;
      color: black;
      scrollbar-color: darkgray beige;
      webkit-scrollbar-color: darkgray beige;
  
      .select-kit-row {
        background: beige;
        color: darkgrey;
        .badge-wrapper.bullet span.badge-category {
          color: black;
          svg {
            color: black;
          }
        }
        &.is-highlighted {
          background: brown;
          color: lightgrey;
          .badge-wrapper.bullet span.badge-category {
            color: white;
          }
        }
      }
    }
  }
}
5 Likes