custom-list-bullets.scss

ul li {
  // Remove the old list style.
  list-style: none;
  position: relative;
}
  
ul li:before {
  content: '';
  // Position the pseudo element relative to each list item.
  position: absolute;
  left: -18px;
  top: 7px;
  // Style the new bullet.
  background-color: rgba(124,123,162,1);
  height: 10px;
  width: 10px;
  // Round the shape to a circle
  border-radius: 50%;
}