Dark Mode with inverted logos section

Dark Mode is not a dark-coloured theme. It is a subdued UI to reduce eyestrain. Making logos more subtle can help make Dark Mode visuals clean and consistent.

The approach: make logos greyscale, reduce brightness and invert the colours. This can be done with one line of CSS.

filter: grayscale(1) brightness(0.35) invert(1);

Posted on Oct 10, 2022

More by Dave Meier

View profile