fix(theme): 修复颜色模式按钮动画效果

packages/theme/src/client/components/SwitchAppearance.vue

@@ -55,7 +55,7 @@ function useAppearance() {
     css.type = 'text/css'
     css.appendChild(
       document.createTextNode(
-        `:not(.VPSwitchAppearance):not(.VPSwitchAppearance *) {
+        `:not(.switch-appearance):not(.switch-appearance *) {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;

packages/theme/src/client/components/VFooter.vue

@@ -34,6 +34,7 @@ const { hasSidebar } = useSidebar()
   border-top: 1px solid var(--vp-c-gutter);
   padding: 32px 24px;
   background-color: var(--vp-c-bg);
+  transition: all 0.25s;
 }
 
 .plume-footer.has-sidebar {

packages/theme/src/client/styles/content.scss

@@ -26,6 +26,7 @@
   letter-spacing: -0.02em;
   line-height: 32px;
   font-size: 24px;
+  transition: all var(--t-color);
 }
 
 .plume-content h2:first-of-type {

packages/theme/src/client/styles/normalize.scss

@@ -30,7 +30,7 @@ body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  transition: color var(--t-color) ease, background-color var(--t-color) ease;
+  transition: all 0.25s;
 }
 
 main {
@@ -179,16 +179,19 @@ input {
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   color: var(--vp-c-text-3);
+  transition: color var(--t-color);
 }
 
 input::-ms-input-placeholder,
 textarea::-ms-input-placeholder {
   color: var(--vp-c-text-3);
+  transition: color var(--t-color);
 }
 
 input::placeholder,
 textarea::placeholder {
   color: var(--vp-c-text-3);
+  transition: color var(--t-color);
 }
 
 input::-webkit-outer-spin-button,

packages/theme/src/client/styles/vars.scss

@@ -415,7 +415,8 @@
 }
 
 :root {
-  --t-color: 0.25s ease;
+  --t-color: 0.25s;
   --code-tabs-nav-bg-color: var(--vp-code-tab-b);
   --code-bg-color: var(--vp-code-block-bg);
+  --medium-zoom-bg-color: var(--vp-c-bg);
 }