dark-mode icon indicating copy to clipboard operation
dark-mode copied to clipboard

Google docs page is not dark themed

Open ghost opened this issue 2 years ago • 1 comments

Issue: The page part of Google Docs is not in dark theme. Dark reader has significantly worse readability of the tools on the top, and I believe worse color theming, but in return is actually dark on the page.

I believe the way that dark reader achieves what it has is with inversion. If we go this route, I would really appreciate though if the pictures were not inverted. As you can see in the screenshots below, it can really mess it up. If i had to suggest a solution, potentially using an algorithm that determines the complexity of a picture (maybe by taking the number of colors and borders) to discriminate between buttons, logos, etc, and Photographs, maps, and paintings.

I dont have that much experience with js/css/html, but I'm very happy to teach myself, and if you can point to how to create custom cite rules I can attempt to fix this issue.

Current state of google docs, with dark-mod: image

Current state of google docs with dark reader: image

ghost avatar Dec 06 '23 17:12 ghost

hi @ostap-tymchenko sounds good!

( quick experiment (untested):

body { filter: invert(100%); }

AND

 img { filter: invert(0%); }

OR

const images = document.querySelectorAll('img');
images.forEach(img => {  const width = img.offsetWidth;    const height = img.offsetheight;
if (width * height > 3000) {    img.style.filter = 'invert(0%)';  }});

)

ImprovedTube avatar Dec 06 '23 22:12 ImprovedTube