Emulate dark mode in screen capture of html files #227
Assignees
Labels
Comments
|
@jasonhibbs thanks for using the lib and giving this feedback. It makes a lot of sense, I wonder how I missed that. Thanks! I will look into it soon. |
onderceylan
added a commit
that referenced
this issue
Apr 13, 2020
Added support for prefers-color-scheme: dark media query for html inputs. fix #227
Merged
onderceylan
added a commit
that referenced
this issue
Apr 14, 2020
Added support for prefers-color-scheme: dark media query for html inputs. fix #227
onderceylan
added a commit
that referenced
this issue
May 13, 2020
Added support for prefers-color-scheme: dark media query for html inputs. fix #227
onderceylan
added a commit
that referenced
this issue
May 14, 2020
Added support for prefers-color-scheme: dark media query for html inputs. fix #227
onderceylan
added a commit
that referenced
this issue
May 15, 2020
Added support for prefers-color-scheme: dark media query for html inputs. fix #227
onderceylan
pushed a commit
that referenced
this issue
May 15, 2020
# [3.0.0](v2.3.0...v3.0.0) (2020-05-15) ### Bug Fixes * **cli:** fixed conflicting -h option ([3d4f04c](3d4f04c)), closes [#263](#263) ### Features * **main:** added dark mode media query support for html inputs ([c5d2e0d](c5d2e0d)), closes [#227](#227) * **main:** added stricter chrome launch args set ([bdfbef4](bdfbef4)), closes [#229](#229) * **main:** exported appleDeviceSpecsForLaunchImages from module API ([dac56d4](dac56d4)), closes [#248](#248) * **main:** switched to JPG as default output type ([bb5cfec](bb5cfec)), closes [#278](#278) * **meta:** added xhtml option to introduce self-closing meta tags ([0dea81a](0dea81a)), closes [#192](#192) * **node:** drop node 8 support due to its EOL ([030569b](030569b)), closes [#231](#231) ### BREAKING CHANGES * **main:** Due to the large carbon footprint that PNG assets create, switched over using JPG output with compression by default. * **cli:** -h path override usage is dropped. It's replaced with -v shorthand. * **node:** Users with node v8 will not be actively supported.
|
🎉 This issue has been resolved in version 3.0.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Is your feature request related to a problem? Please describe.
I’m generating screens from an index.html and was hoping to use
@media (prefers-color-scheme: dark)to make dark mode easy.Describe the solution you'd like
I’d like
--dark-modeto emulate this media feature during the screen capture process.Describe alternatives you've considered
I guess I have to make my<html>element transparent and add use the--backgroundflag instead.I’ll have to update the
<html>background colour for each mode because--backgroundonly applies to image sources.Additional context
I believe this is possible using something like:
emulateMediaFeatures([{name: 'prefers-color-scheme', value: 'dark' }])found in this repo.The text was updated successfully, but these errors were encountered: