Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Google docs page is not dark themed #29

Open
ostap-tymchenko opened this issue Dec 6, 2023 · 1 comment
Open

Google docs page is not dark themed #29

ostap-tymchenko opened this issue Dec 6, 2023 · 1 comment
Labels
bug Something isn't working enhancement New feature or request

Comments

@ostap-tymchenko
Copy link

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

@ostap-tymchenko ostap-tymchenko added bug Something isn't working enhancement New feature or request labels Dec 6, 2023
@ostap-tymchenko ostap-tymchenko changed the title Better google docs support Google docs page is not dark themed Dec 6, 2023
@ImprovedTube
Copy link
Member

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%)';  }});

)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants