DevTools: brush up the dark theme selection, execution and breakpoint colors.

Change-Id: Ide6c3d4b2d9927dceb7b548200926c6933e9036e
Reviewed-on: https://chromium-review.googlesource.com/991396
Commit-Queue: Pavel Feldman <pfeldman@chromium.org>
Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Cr-Commit-Position: refs/heads/master@{#547788}

third_party/WebKit/Source/devtools/front_end/quick_open/filteredListWidget.css

@@ -66,6 +66,10 @@
     background-color: #f0f0f0;
 }
 
+:host-context(.-theme-with-dark-background) .filtered-list-widget-item.selected {
+    background-color: #333333;
+}
+
 .filtered-list-widget-item span.highlight {
     color: #222;
     font-weight: bold;

third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css

@@ -62,9 +62,9 @@
 .source-frame-breakpoint-condition {
     z-index: 30;
     padding: 4px;
-    background-color: rgb(203, 226, 255);
+    background-color: #e6e6e6;
     border-radius: 7px;
-    border: 2px solid rgb(169, 172, 203);
+    border: 2px solid #bababa;
     width: 90%;
     pointer-events: auto;
 }

third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css

@@ -53,6 +53,15 @@
     background-color: rgb(171, 191, 254);
 }
 
+.-theme-with-dark-background .CodeMirror .source-frame-continue-to-location {
+    background-color: #14522b;
+}
+
+.-theme-with-dark-background .CodeMirror .source-frame-continue-to-location:hover {
+    border: 1px solid #33cc6b;
+    background-color: #14522b;
+}
+
 .CodeMirror .source-frame-continue-to-location-start {
     border-left-width: 1px;
     margin-left: -1px;
@@ -123,7 +132,6 @@
 .cm-readonly-highlight {
     background-color: rgb(255, 255, 120);
 }
-
 .-theme-with-dark-background .cm-readonly-highlight {
     background-color: hsla(133, 100%, 30%, 0.5);
 }
@@ -131,10 +139,18 @@
 .cm-highlight.cm-execution-line {
     -webkit-animation: fadeout-execution-line 1s 0s;
 }
+.-theme-with-dark-background .cm-highlight.cm-execution-line {
+    -webkit-animation: fadeout-execution-line-dark 1s 0s;
+}
+
 @-webkit-keyframes fadeout-execution-line {
     from {background-color: rgb(121, 141, 254); }
     to { background-color: rgb(171, 191, 254); }
 }
+@-webkit-keyframes fadeout-execution-line-dark {
+    from {background-color: #208043; }
+    to { background-color: #14522b; }
+}
 
 .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber, -theme-preserve {
     color: white;
@@ -165,6 +181,10 @@
 }
 } /* media */
 
+.-theme-with-dark-background .cm-breakpoint:not(.cm-breakpoint-conditional) .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
+    filter: hue-rotate(-139deg);
+}
+
 .cm-breakpoint-disabled .CodeMirror-linenumber {
     opacity: 0.5;
 }
@@ -285,11 +305,15 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 }
 
 .-theme-with-dark-background .cm-execution-line {
-    outline: 1px solid var(--selection-color);
+    background-color: #14522b;
+}
+
+.-theme-with-dark-background .cm-execution-line-outline {
+    outline: 1px solid #33cc6b;
 }
 
 .-theme-with-dark-background .cm-execution-line-tail {
-    background-color: var(--selection-color);
+    background-color: #347132;
 }
 
 .cm-token-highlight {

third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css

@@ -51,7 +51,7 @@
 
 .-theme-with-dark-background {
     --accent-color: #32699f;
-    --accent-color-b: #264f78;
+    --accent-color-b: #2f84da;
     --accent-color-c: #1f4061;
     --toolbar-bg-color: #333333;
     --toolbar-hover-bg-color: #202020;