docs: better transition colors

vuejs · Mar 5, 2021 · bae331e · bae331e
1 parent d9485a4
commit bae331e
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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 {