/* Invert / lighten theme for better logo readability Apply by adding class `invert-theme` to the element. The layout template below will add this class automatically for mail.50plusprojects.org.za. */ html.invert-theme { filter: invert(1) hue-rotate(180deg) !important; background-color: #ffffff !important; color: #000000 !important; } /* Keep images, SVGs and videos visually original by inverting them back */ html.invert-theme img, html.invert-theme svg, html.invert-theme video, html.invert-theme picture { filter: invert(1) hue-rotate(180deg) !important; } /* Some UI components may need explicit color fixes */ html.invert-theme .message, html.invert-theme .body, html.invert-theme .panel, html.invert-theme .rcmListBox, html.invert-theme .content { background-color: #ffffff !important; color: #000000 !important; } .invert-theme a { color: #1a73e8 !important; }