Comments (2)
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.
Related Issues (4)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jordy3d.github.io.