diff --git a/packages/theme/src/client/components/SwitchAppearance.vue b/packages/theme/src/client/components/SwitchAppearance.vue
index d496fb24..1c3672cc 100644
--- a/packages/theme/src/client/components/SwitchAppearance.vue
+++ b/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;
diff --git a/packages/theme/src/client/components/VFooter.vue b/packages/theme/src/client/components/VFooter.vue
index 57029702..d69d43e7 100644
--- a/packages/theme/src/client/components/VFooter.vue
+++ b/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 {
diff --git a/packages/theme/src/client/styles/content.scss b/packages/theme/src/client/styles/content.scss
index ee7377d7..b7a78025 100644
--- a/packages/theme/src/client/styles/content.scss
+++ b/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 {
diff --git a/packages/theme/src/client/styles/normalize.scss b/packages/theme/src/client/styles/normalize.scss
index 3c538682..4da9cea0 100644
--- a/packages/theme/src/client/styles/normalize.scss
+++ b/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,
diff --git a/packages/theme/src/client/styles/vars.scss b/packages/theme/src/client/styles/vars.scss
index 77a281b5..588debe7 100644
--- a/packages/theme/src/client/styles/vars.scss
+++ b/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);
 }