Dark Google Collection interferes with document colors about jordy3d.github.io HOT 2 CLOSED

Here's some CSS that will override the current state (option 1 from the previous comment) for now. Add this to the bottom of the section marked "Applies to: docs.google.com".

Option 2 - Cleaner dark, less compatibility

/* Alternate Dark Mode- Option 2 */
.docs-gm #docs-editor *[style*="background-color: rgb(255, 255, 255)"]
{
    background: #2e2e2f !important;
}

*[style*="000"]
{
  color: #ccc !important;
}

.kix-zoomdocumentplugin-outer, .kix-embeddedobject-view
{
  filter: invert(0) !important;
}

Option 3 - Disable Dark altogether for the page element

/* Alternate Dark Mode- Option 3 */
.docs-gm #docs-editor *[style*="background-color: rgb(255, 255, 255)"]
{
    background: white;
}

.kix-zoomdocumentplugin-outer,
.kix-embeddedobject-view
{
  filter: invert(0) !important;
}

from jordy3d.github.io.

Ah, the Google Docs colour changes are a little... fiddly for now. I've actually been fighting with those for a while.
Because of how it all works, there's really three options for it going forward

• Keep it like this and do minor modifications to readability (which may work in one case but fail in others)
• Shift to my alternate colour scheme for the Docs which would make just the page dark (and black text white), but other elements would not be recoloured at all (most compatibility, at the cost of table elements, darkenened sections and the light not working on the Dark theme)
• Make no changes at all to the page itself, instead just darkening everything else around it

It's kinda a shame we gotta work in these limits, but until then if you want to maximise compatibility with non-style users (which will forever be the majority), you're gonna have to enable/disable the style to check it looks right before sending

from jordy3d.github.io.