From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 5 Mar 2021 18:36:28 +0000 (+0100)
Subject: docs: better transition colors
X-Git-Tag: v2.0.0-alpha.8~69
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=bae331e97361a86614c988700ed34a9c626882d4;p=thirdparty%2Fvuejs%2Fpinia.git

docs: better transition colors
---

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index a27b879b..914ecb68 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -18,17 +18,18 @@
 }
 
 .action.alt .item.item.item {
-  background-color: var(--c-bg);
+  background-color: transparent;
   color: var(--c-text);
   border-color: var(--c-text);
+  /* transition when toggling dark mode */
+  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out,
+    color 150ms ease-in-out;
 }
 
 .action.alt .item.item.item:hover {
   background-color: var(--c-brand-light);
   border-color: var(--c-brand-light);
   color: var(--c-brand-text);
-  /* override the dark mode animation */
-  transition-duration: 100ms;
 }
 
 .nav-bar.nav-bar {