Invert Logo Colors

Overview

Inverting your logo colors can be used for scrolling situations where you want the background of the navigation bar to change color and want the logo to change color as well.

How To Use

Use the invert CSS filter to invert the logo. Please note that this will not work for all scenarios nor work across a wide range of browsers.

Browser Support

Can I Use css-filters? Data on support for the css-filters feature across the major browsers from caniuse.com.

.transparent-header #logo {
  filter: invert(1);
}