How to change arrow colors in Bootstraps carousel with CSS?

To change arrow colors in Bootstraps carousel with CSS, we set the filter property.

For instance, we write

.carousel-control-next,
.carousel-control-prev {
  filter: invert(100%);
}

to set the styles for the carousel-control-next and carousel-control-prev classes to a filter that inverts the existing arrow color with filter: invert(100%);