fix(ui): remove flash when switching to dark (#909)

userquin · web-flow · commit 75a814f8a066 · 2025-11-11T14:21:04.000+09:00
diff --git a/packages/devtools-ui-kit/src/components/NDarkToggle.vue b/packages/devtools-ui-kit/src/components/NDarkToggle.vue
@@ -55,6 +55,7 @@ function toggle(event?: MouseEvent) {
       {
         duration: 400,
         easing: 'ease-in',
+        fill: 'forwards',
         pseudoElement: isDark.value
           ? '::view-transition-old(root)'
           : '::view-transition-new(root)',

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ function toggle(event?: MouseEvent) {`
`55`	`55`	`{`
`56`	`56`	`duration: 400,`
`57`	`57`	`easing: 'ease-in',`
	`58`	`+ fill: 'forwards',`
`58`	`59`	`pseudoElement: isDark.value`
`59`	`60`	`? '::view-transition-old(root)'`
`60`	`61`	`: '::view-transition-new(root)',`