Make dark mode transition more pleasant

lf-lang · Jul 2, 2024 · 3a39bb8 · 3a39bb8
1 parent 7811e1e
commit 3a39bb8
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -67,7 +67,8 @@
 .lf-navbar-logo {
   margin-left: 20px;
 
-  transition: 300ms;
+  transition: 200ms;
+  transition-timing-function: ease-out;
 }
 
 /* If light theme, re-colour SVG to all dark  */
@@ -80,10 +81,10 @@
 
 [data-theme='dark'] .lf-navbar-logo {
   /* Same filter above, and invert(1) makes it 100% light */
-  filter: contrast(0) brightness(0) invert(1);
+  filter: contrast(0) brightness(1.8);
 }
 
 .lf-navbar-logo:hover {
   /* On hover disable filters so there's colour */
   filter: inherit;
-}
+}