DevTools: New look for SoftContextMenus

Previously, mac-style context menus were used everywhere that we could
not use a native context menu. With this patch, there are now three
context menus:

A standard context menu for windows/linux.
The old style context menus for mac.
A dark theme context menu, which is used in place of native menus
on all platforms.

https://i.imgur.com/DRDp1E2.png

Change-Id: Ic3be0e7ac1661ef1eaeecdc473bdef7dc015314b
Reviewed-on: https://chromium-review.googlesource.com/1161282
Reviewed-by: Andrey Lushnikov <[email protected]>
Commit-Queue: Joel Einbinder <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#580917}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 3332260e47694a79ad07eacac2dd4c39d6e61795
diff --git a/front_end/main/Main.js b/front_end/main/Main.js
index c5dcc84..1eccc5d 100644
--- a/front_end/main/Main.js
+++ b/front_end/main/Main.js
@@ -518,7 +518,8 @@
           'Placement of DevTools relative to the page. (%s to restore last position)', toggleDockSideShorcuts[0].name);
       dockItemElement.appendChild(titleElement);
       const dockItemToolbar = new UI.Toolbar('', dockItemElement);
-      dockItemToolbar.makeBlueOnHover();
+      if (Host.isMac() && !UI.themeSupport.hasTheme())
+        dockItemToolbar.makeBlueOnHover();
       const undock = new UI.ToolbarToggle(Common.UIString('Undock into separate window'), 'largeicon-undock');
       const bottom = new UI.ToolbarToggle(Common.UIString('Dock to bottom'), 'largeicon-dock-to-bottom');
       const right = new UI.ToolbarToggle(Common.UIString('Dock to right'), 'largeicon-dock-to-right');