docs: better transition colors

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index a27b879b289f2a258a207f74afeedc048940ab41..914ecb6857d01c205c6f29659021e24c49442069 100644 (file)
--- 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 {