Change Logo to reflect Color Scheme (Dark Mode)

How To
1

Just got started with bricks, and I’m stuck with something that seems so basic? :thinking: I’d like for the logo to change upon the selected color scheme/color mode. If Dark Theme, use logo A, if Light Theme, use logo B. Any tips? Thanks!

2

It seems that the “Logo inverse” is only used natively by Bricks for sticky headers. I haven’t found a way to reference this inverted logo with the dark mode toggle.

This would be very useful.

I’ve managed to invert logo colours using CSS, because the HTML element gets a data-theme=“dark” attribute. But what I want is a complete SVG swap.

I’ve added this as a feature request.

3 Likes
3

This would be really nice to have! Not only for the logo but also for the favicon! :slight_smile: