<!--  As an open source project with a dedicated but small maintainer team, it can sometimes take a long time for issues to be addressed so please be patient and we will get back to you as soon as we can.
-->

### Preflight Checklist
<!-- Please ensure you've completed the following steps by replacing [ ] with [x]-->

* [x] I have read the [Contributing Guidelines](https://github.com/electron/electron/blob/master/CONTRIBUTING.md) for this project.
* [x] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md) that this project adheres to.
* [x] I have searched the issue tracker for an issue that matches the one I want to file, without success.


### Issue Details
Electron Version: All Version
Operating System: macOS 10.15.3
Last Known Working Electron version: Never

### Bug
The color picker in devtools does not work.
In devtools if you want to change the colors of the CSS code. When you click on a color a color picker is supposed to appear but it does not appear.

### Screenshots
<img width="1013" alt="Capture d’écran 2020-09-07 à 11 42 44" src="https://user-images.githubusercontent.com/70572698/92374841-988ea280-f100-11ea-96be-afc93f6dd645.png">

shell/browser/api/electron_api_web_contents.cc
if (type_ == Type::kRemote)
    return;
  if (!enable_devtools_)
    return;
  std::string state;
  if (type_ == Type::kWebView || type_ == Type::kBackgroundPage ||
      !owner_window()) {
    state = "detach";
  }
  bool activate = true;
  if (args && args->Length() == 1) {
    gin_helper::Dictionary options;
    if (args->GetNext(&options)) {
      options.Get("mode", &state);
      options.Get("activate", &activate);
    }
  }
  DCHECK(inspectable_ontents_);
  inspectable_ontents_->SetDockState(state);
  inspectable_ontents_->ShowDevTools(activate);
}
void WebContents::CloseDevTools() {
  if (type_ == Type::kRemote)
    return;
  DCHECK(inspectable_ontents_);
  inspectable_ontents_->CloseDevTools();
}
bool WebContents::IsDevToolsOpened() {