Как изменить цвет и размер ионного слайдера

Question

У меня есть этот код в моем intro-page.scss, где я могу изменить цвет моих ионных пуль, но он не работает

.swiper-pagination-bullet {
   background: #37469B;
}

.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: transparent;
}

Answer 1

.swiper-pagination-bullet {
  --bullet-background: #37469B;
}

.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
   --bullet-background: transparent;
}

это должен работать комментарий, если у вас есть какие-либо проблемы :)

Answer 2

Использование: bullet-background и bullet-background-active

https://ionicframework.com/docs/api/slides#css-custom-properties