Topic on User talk:MusikAnimal

Jump to navigation Jump to search

DarkMode Target Content Only

2 (talkcontribs)

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?

MusikAnimal (talkcontribs)

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.

Reply to "DarkMode Target Content Only"