How to change the carousel arrows colors?

[merlinarer]

Question

with ui.carousel(animated=True, arrows=True, navigation=True).props('height="100%"'):

In the chrome styles, q-carousel__control{color:#fff} determines the arrows color, but how to know the exact pros/style parameters to set in nicegui?

[falkoschindler]

Hi @merlinarer, you can use the "control-color" prop:

with ui.carousel(animated=True, arrows=True, navigation=True).props(r'height=100% control-color=blue'):
    with ui.carousel_slide(), ui.card().classes('bg-blue-100 w-64 h-32'):
        ui.label('Slide 1')
    with ui.carousel_slide(), ui.card().classes('bg-blue-100 w-64 h-32'):
        ui.label('Slide 2')