From 3a39bb82803ffdcab40a8daaee20d514ba1b868b Mon Sep 17 00:00:00 2001 From: Peter Donovan Date: Tue, 2 Jul 2024 15:18:11 -0700 Subject: [PATCH] Make dark mode transition more pleasant --- src/css/custom.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index cb2568b81..b1ef9a0ce 100644 --- 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; -} \ No newline at end of file +}