Bug 1550804 - Add color scheme simulation to the inspector. r=pbro
commit627912f5f2ca726f329607e2a0116eb49209a91a
authorGabriel Luong <gabriel.luong@gmail.com>
Thu, 24 Oct 2019 17:23:18 +0000 (24 17:23 +0000)
committerGabriel Luong <gabriel.luong@gmail.com>
Thu, 24 Oct 2019 17:23:18 +0000 (24 17:23 +0000)
tree67af8fbfd9a3410b56ff087b76340798416d92bb
parent81983bd6e5b0e17c09c0d4e70595d7b78d104e8b
Bug 1550804 - Add color scheme simulation to the inspector. r=pbro

This adds a color scheme simulation toggle button in the rules view,
which will toggle between 4 different states: default, dark, light,
and no-preference.

This feature is currently hidden away under a preference:
devtools.inspector.color-scheme-simulation.enabled

The final UI/UX still needs to be figured out, however, this initial step is
to land the ability to prototype this feature.

Differential Revision: https://phabricator.services.mozilla.com/D49833

--HG--
extra : moz-landing-system : lando
15 files changed:
browser/app/profile/firefox.js
devtools/client/inspector/index.xhtml
devtools/client/inspector/rules/actions/index.js
devtools/client/inspector/rules/actions/rules.js
devtools/client/inspector/rules/components/RulesApp.js
devtools/client/inspector/rules/components/Toolbar.js
devtools/client/inspector/rules/constants.js
devtools/client/inspector/rules/new-rules.js
devtools/client/inspector/rules/reducers/rules.js
devtools/client/inspector/rules/rules.js
devtools/client/locales/en-US/inspector.properties
devtools/client/themes/rules.css
devtools/server/actors/emulation.js
devtools/shared/locales/en-US/styleinspector.properties
devtools/shared/specs/emulation.js