An <img> with a different src for light and dark mode.
<script setup> const light = 'https://source.unsplash.com/random/200x200?sky' const dark = 'https://source.unsplash.com/random/200x200?stars' </script> <template> <UColorModeImage :light="light" :dark="dark" /> </template>
"img"
ColorModeButton
A Button to switch between color mode.
ColorModeToggle
A Toggle to switch between color mode.