I spent the night making css tweaks so SketchUp Free is usable with the Dark Reader Chrome extension.
If you prefer the modeling canvas to be inverted, remove the “invert” selector “canvas#canvas”.
(It makes more sense to me to use a dark style for modeling in a “work” scene, and then switch to another scene with a output style. You’d want to actually see the model in whatever style settings are, instead of having the extension invert colors, etc.)
Read about what these settings do here:
GitHub - darkreader/darkreader: Dark Reader Chrome and Firefox extension
NOTE: Dark Reader extension reloads the config file from GitHub every 15 minutes, so if your testing local changes using DR’s developer tools, and you suddenly don’t see things as you expect, press the “Apply” button again at the bottom of DR’s developer tool page to reapply your local changes.
Here are my tweaks for pasting into the "fix_inversion.json" file. (version 3)
{
"url": [ "app.sketchup.com", "edu.sketchup.com" ],
"invert": [
"#canvas",
"#layers-container-overlay .sp-picker-container",
".about-tab img",
".bottom-bar-brand-logo",
".download-card-image",
".category-thumbnail > img",
".component-thumbnail > img",
".dimension-details-section-header",
".display-secondary-detail",
".entity-info-label",
".entity-info-layer-material-icon > img",
".files-tab-header img",
".layer-thumbnail > img",
".login-email",
".login-picture",
".material-instance > img",
".options-label:not(.option-toggle)",
".option-toggle-label",
".scene-attributes-title",
".scene-properties-title",
".scene-details .labeled-checkbox > div:first-child",
".scene-thumbnail > img",
".sp-input-container",
".thumbnail img"
],
"noinvert": [
"#instructorIframe",
"img",
".checkbox-label .checkbox-checkmark",
".entity-info-input",
".entity-info-back-material-container > .inline-div",
".entity-info-layer-material-container > .inline-div",
".entity-info-layer-material-icon[style*='background-image: url']",
".scene-description"
],
"rules": [
".entity-info-label, .options-label, .dimension-details-section-header, .scene-details, .scene-attributes-title, .scene-properties-title, .scene-description { color: #C9C9C9 !important; }"
]
},
…
EDIT: @joy @Steve_Ketchup @Caroline @ericdbohn , sorry …
…, forgot about “SketchUp for Schools” that uses it’s own “edu” subdomain.
Added that to the "url" attribute. (version 3).
Also attempted to update Pull Request on GitHub, but Travis is having a fit about one little change.