Ngx-owl-carousel (Angular 7.1.3) Как изменить цвет точек совы-карусели? ⇐ CSS

[Anonymous]

Пакет npm, который я использую: https://www.npmjs.com/package/ngx-owl-carousel.
Я хочу изменить цвет точек моего owl-carousel на #FCAC45.
Я попробовал изменить цвет темы непосредственно в node_modules/owl.carousel/dist/assets.owl.theme.default.css, и это сработало, однако меня предупредили не менять код в node_modules, а это значит, что мне нужно другое решение.
Я также попробовал все ответы в этой теме, но все не удалось:
Изменить цвет точек
Я также пробовал напрямую применить собственный класс:

Код: Выделить всё

Текущее состояние моего кода:
HTML

Код: Выделить всё

[h4]Title[/h4]

CSS

Код: Выделить всё

.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #FCAC45!important;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme-custom.owl-dots .owl-dot.active span, .owl-theme-custom .owl-dots .owl-dot:hover span {
background: #FCAC45!important;
}

TS

Код: Выделить всё

images = [/*a bunch of image urls*/];
width = '60%';

public sliderOPT: any = {
dots: true,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1000,
rewind: true,
autoplayHoverPause: true,
items: 3,
responsiveClass: true,
responsive: {
0: {
items: 1,
dots: false
},
576: {
items: 2
},
768: {
items: 3
}
}

Я ожидаю, что цвет точки изменится на #FCAC45, однако он останется #D6D6D6 для нормального режима и #869791 для наведения.

Подробнее здесь: https://stackoverflow.com/questions/540 ... ousel-dots