From b29a93eae1b235cd193bad9b6f59bcc8f85b342d Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 20 Feb 2023 11:39:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(theme):=20=E4=BF=AE=E5=A4=8D=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E6=8C=89=E9=92=AE=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/theme/src/client/components/SwitchAppearance.vue | 2 +-
 packages/theme/src/client/components/VFooter.vue          | 1 +
 packages/theme/src/client/styles/content.scss             | 1 +
 packages/theme/src/client/styles/normalize.scss           | 5 ++++-
 packages/theme/src/client/styles/vars.scss                | 3 ++-
 5 files changed, 9 insertions(+), 3 deletions(-)

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);
 }