Want your forum logo to look sharp in both light and dark mode? Here's a quick CSS trick to make it happen, especially handy if your logo uses black or white text that might get lost against the background.
This solution is designed to work seamlessly with the FriendsOfFlarum Night Mode extension.
Here's the code:
body when (@config-dark-mode = true) {
.Header-title .Header-logo {
content: url('https://www.domain.com/assets/dark-logo.png');
}
}
Insert this code into the Custom CSS box of the appearances section in the admin panel!
