Topic on User talk:MusikAnimal

I've been using your DarkMode extension (thanks so much for it!) and I was curious if there was any way to exclude everything outside of #content. I know I can add the exclude class to any item to exclude it, but what about items not under our control like the site logo or header?

You can use the same fitler property to selectively un-invert elements. So to exclude the logo, for instance:

.client-dark-mode #p-logo {
  filter: invert( 1 ) hue-rotate( 180deg );
}

I'm not sure if there's a simple way to exclude everything outside of #content, unfortunately.