Skip to content

Commit 3a39bb8

Browse files
committed
Make dark mode transition more pleasant
1 parent 7811e1e commit 3a39bb8

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/css/custom.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,8 @@
6767
.lf-navbar-logo {
6868
margin-left: 20px;
6969

70-
transition: 300ms;
70+
transition: 200ms;
71+
transition-timing-function: ease-out;
7172
}
7273

7374
/* If light theme, re-colour SVG to all dark */
@@ -80,10 +81,10 @@
8081

8182
[data-theme='dark'] .lf-navbar-logo {
8283
/* Same filter above, and invert(1) makes it 100% light */
83-
filter: contrast(0) brightness(0) invert(1);
84+
filter: contrast(0) brightness(1.8);
8485
}
8586

8687
.lf-navbar-logo:hover {
8788
/* On hover disable filters so there's colour */
8889
filter: inherit;
89-
}
90+
}

0 commit comments

Comments
 (0)