:root {
  --slider-dot-background: rgba(var(--primary-color-rgb), 0.5);
  --slider-dot-active-background: var(--primary-color);
}

.uk-dotnav > .uk-active > *, .uk-dotnav > * > *:hover {
  background-color: var(--slider-dot-active-background);
}

.uk-dotnav > * > * {
  background-color: var(--slider-dot-background);
}