How do I get a carousel and lightbox with carousel with the same nav arrows?

[ballmannweber]

I use the simple div-setup from the docs to generate a carousel in a page and use this code for carousel and fancybox. How can I get the custom svg code get used by the arrows in the carousel as well as in the lightbox carousel?

`{# Carousel #}
const container = document.getElementById("myCarousel");
const options = {
infinite: true,
Navigation: {
nextTpl: '',
prevTpl: '',
},
};
new Carousel(container, options);

{# Fancybox #}
Fancybox.bind('[data-fancybox="gallery"]', {
contentClick: "close",
closeButton: false,
Thumbs: false,
Images: {
protected: true
},
Toolbar: {
display: {
left: [],
middle: [],
right: [],
},
},
});`