Redux-devtools-extension: [3.0] Add matched devtools themes for Chrome / Firefox

Created on 3 Jun 2017  路  3Comments  路  Source: zalmoxisus/redux-devtools-extension

Inspired by https://github.com/facebook/react-devtools/issues/705, currently https://github.com/zalmoxisus/remotedev-app/pull/30 ([email protected] beta) have done the theme setting so we can change it, it might release as v3.0, I think it would be better if we could add the similar themes:

  • Firefox light / dark / firebug
  • Chrome default / dark

We can use chrome.devtools.panels.themeName to change it for the devpanel part.

Most helpful comment

So how can I change theme to something light? There is no setting anywhere in the interface. This is the only dark thing in a workflow, introduces painful for eyes switches.

All 3 comments

I terms of devui those are just color schemes, which can be easily added here. A theme includes font (as suggested in https://github.com/zalmoxisus/redux-devtools-extension/issues/96#issuecomment-239118065) and appearance of every element. I tried to make the default theme similar to Chrome DevTools. Also added a material theme to let users have a similar UI to what we have now. A Firebug and Firefox DevTools theme would be also great to have.

So how can I change theme to something light? There is no setting anywhere in the interface. This is the only dark thing in a workflow, introduces painful for eyes switches.

Is it possible to change to a light theme for chrome?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

scarlac picture scarlac  路  4Comments

ismayilmalik picture ismayilmalik  路  4Comments

leighghunt picture leighghunt  路  5Comments

sthiago picture sthiago  路  4Comments

dreszczyk picture dreszczyk  路  4Comments