🆒 Your use case
When switching to dark theme from light and once the radial animation finish there is an small flash.
You can remove the flash adding fill: 'forwards', in the animate call here https://github.com/nuxt/devtools/blob/main/packages/devtools-ui-kit/src/components/NDarkToggle.vue#L58:
document.documentElement.animate(
{
clipPath: isDark.value
? [...clipPath].reverse()
: clipPath,
},
{
duration: 400,
easing: 'ease-in',
fill: 'forwards', // <== ADD THIS NEW OPTION
pseudoElement: isDark.value
? '::view-transition-old(root)'
: '::view-transition-new(root)',
},
)
🆕 The solution you'd like
no flash
🔍 Alternatives you've considered
No response
ℹ️ Additional info
No response
🆒 Your use case
When switching to dark theme from light and once the radial animation finish there is an small flash.
You can remove the flash adding
fill: 'forwards',in the animate call here https://github.com/nuxt/devtools/blob/main/packages/devtools-ui-kit/src/components/NDarkToggle.vue#L58:🆕 The solution you'd like
no flash
🔍 Alternatives you've considered
No response
ℹ️ Additional info
No response