How to change color of svg from link in ui.dropdown_button

[Kowersky]

Description

Hi. I have this dropdown menu

ui.dropdown_button(f'Sigma', auto_close=False, icon='img:https://rkopacz.pl/Images/cube.svg')

and I need to change the color of this svg. I know I need to use fill, but it doesn't work in .classes.

[evnchn]

@Kowersky It's you, again! Didn't I say Tailwind Selectors are fun?

from nicegui import ui

ui.dropdown_button(f'Sigma', auto_close=False, icon='directions_walk')

ui.dropdown_button(f'Sigma', auto_close=False, icon='directions_walk').classes("[&_.on-left]:!text-red-500")

ui.run()

Do enjoy it!

[Kowersky]

You said, you said, haha. Coming back to the point, [&_.on-left]:!text-red-500 wont work with svg from my site. Try it on your own.

[Kowersky]

This is what the HTML looks like.

<span class="q-btn__content text-center col items-center q-anchor--skip justify-center row no-wrap text-no-wrap"><i class="q-icon on-left" aria-hidden="true" role="img"><img src="https://rkopacz.pl/Images/cube.svg" draggable="false"></i><span class="block">Kratki: 500</span><i class="q-icon notranslate material-icons q-btn-dropdown__arrow q-btn-dropdown__arrow-container" aria-hidden="true" role="presentation">arrow_drop_down</i><!----></span>