chrome-devtools-frontend 1.0.937244 → 1.0.939066

package/front_end/ui/legacy/components/quick_open/filteredListWidget.css

@@ -30,7 +30,7 @@
 devtools-text-prompt {
   flex: 0 0 40px;
   font-size: 14px;
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
   line-height: 16px;
   padding: 12px;
 }
@@ -80,7 +80,7 @@ devtools-text-prompt {
   color: var(--color-text-primary);
   display: flex;
   border-bottom: 1px solid var(--color-details-hairline-light);
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
   padding-left: 8px;
   padding-right: 8px;
 }

package/front_end/ui/legacy/components/source_frame/imageView.css

@@ -9,7 +9,7 @@
 }
 
 .image-view > .image {
-  padding: 20px 20px 10px 20px;
+  padding: 20px 20px 10px;
   text-align: center;
 }
 

package/front_end/ui/legacy/components/source_frame/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy/components/text_editor",
     "ui/legacy"
   ],
     "resources": [

package/front_end/ui/legacy/components/text_editor/cmdevtools.css

@@ -650,12 +650,8 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
 
 .cm-search-highlight::before {
   position: absolute;
-  border-top-style: solid;
-  border-bottom-style: solid;
-  border-top-color: var(--override-search-highlight-border-color);
-  border-bottom-color: var(--override-search-highlight-border-color);
-  border-top-width: 1px;
-  border-bottom-width: 1px;
+  border-top: 1px solid var(--override-search-highlight-border-color);
+  border-bottom: 1px solid var(--override-search-highlight-border-color);
   top: -1px;
   bottom: 0;
   left: 0;
@@ -669,19 +665,15 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
 }
 
 .cm-search-highlight-start::before {
-  border-left-width: 1px;
+  border-left: 1px solid var(--override-search-highlight-border-color);
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
-  border-left-style: solid;
-  border-left-color: var(--override-search-highlight-border-color);
 }
 
 .cm-search-highlight-end::before {
-  border-right-width: 1px;
+  border-right: 1px solid var(--override-search-highlight-border-color);
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
-  border-right-style: solid;
-  border-right-color: var(--override-search-highlight-border-color);
 }
 
 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-full::before {
@@ -701,7 +693,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight::before {
   --override-auto-gen-cmlinewithselectioncmcolumnwithselectioncmsearchhighlightbefore-backgroundcolor: rgb(241 234 0);
 
-  margin: -1px -1px -1px -1px;
+  margin: -1px;
   background-color: var(--override-auto-gen-cmlinewithselectioncmcolumnwithselectioncmsearchhighlightbefore-backgroundcolor);
   z-index: -1;
 }
@@ -933,7 +925,7 @@ div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
 }
 
 .CodeMirror-foldmarker::before {
-  content: '\2026';
+  content: "\2026";
   font-size: 13px;
   color: var(--color-text-secondary);
 }

package/front_end/ui/legacy/emptyWidget.css

@@ -7,7 +7,7 @@
 .empty-bold-text {
   display: block;
   font-size: 1.5em;
-  margin: 0.83em 0 0.83em;
+  margin: 0.83em 0;
   font-weight: bold;
 }
 

package/front_end/ui/legacy/filter.css

@@ -100,7 +100,7 @@
   position: relative;
 }
 
-.filter-checkbox-filter > [is=dt-checkbox] {
+.filter-checkbox-filter > [is="dt-checkbox"] {
   display: flex;
   margin: auto 0;
 }

package/front_end/ui/legacy/infobar.css

@@ -11,7 +11,7 @@
   border-bottom: 1px solid var(--color-details-hairline);
   flex-direction: column;
   position: relative;
-  padding: 1px 6px 1px;
+  padding: 1px 6px;
 }
 
 .infobar:focus {
@@ -55,7 +55,7 @@
 }
 
 .infobar-details-rows {
-  padding: 5px 5px 0 5px;
+  padding: 5px 5px 0;
 }
 
 .infobar-details-row {

package/front_end/ui/legacy/inspectorCommon.css

@@ -85,7 +85,7 @@ body {
   overflow: hidden;
   margin: 0;
   cursor: default;
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
   font-size: 12px;
   tab-size: 4;
   user-select: none;
@@ -99,7 +99,7 @@ body {
 }
 
 .platform-mac {
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
 }
 
 .platform-mac,
@@ -110,7 +110,7 @@ body {
 }
 
 .platform-windows {
-  font-family: 'Segoe UI', Tahoma, sans-serif;
+  font-family: "Segoe UI", Tahoma, sans-serif;
 }
 
 :focus {
@@ -288,12 +288,12 @@ input::placeholder {
 }
 
 :host-context(.-theme-with-dark-background) input[type="checkbox"]:not(.-theme-preserve) {
-  filter: invert(80%);
+  accent-color: var(--color-checkbox-accent-color);
 }
 
 .harmony-input:not([type]),
-.harmony-input[type=number],
-.harmony-input[type=text] {
+.harmony-input[type="number"],
+.harmony-input[type="text"] {
   padding: 3px 6px;
   height: 24px;
   border: none;
@@ -301,23 +301,23 @@ input::placeholder {
 }
 
 .harmony-input:not([type]).error-input,
-.harmony-input[type=number].error-input,
-.harmony-input[type=text].error-input,
+.harmony-input[type="number"].error-input,
+.harmony-input[type="text"].error-input,
 .harmony-input:not([type]):invalid,
-.harmony-input[type=number]:invalid,
-.harmony-input[type=text]:invalid {
+.harmony-input[type="number"]:invalid,
+.harmony-input[type="text"]:invalid {
   box-shadow: 0 0 0 1px var(--color-red);
 }
 
 .harmony-input:not([type]):not(.error-input):not(:invalid):hover,
-.harmony-input[type=number]:not(.error-input):not(:invalid):hover,
-.harmony-input[type=text]:not(.error-input):not(:invalid):hover {
+.harmony-input[type="number"]:not(.error-input):not(:invalid):hover,
+.harmony-input[type="text"]:not(.error-input):not(:invalid):hover {
   box-shadow: var(--legacy-focus-ring-inactive-shadow);
 }
 
 .harmony-input:not([type]):not(.error-input):not(:invalid):focus,
-.harmony-input[type=number]:not(.error-input):not(:invalid):focus,
-.harmony-input[type=text]:not(.error-input):not(:invalid):focus {
+.harmony-input[type="number"]:not(.error-input):not(:invalid):focus,
+.harmony-input[type="text"]:not(.error-input):not(:invalid):focus {
   box-shadow: var(--legacy-focus-ring-active-shadow);
 }
 
@@ -426,7 +426,7 @@ input::placeholder {
 /* This class is used outside of the settings screen in the "Renderer" and
    "Sensors" panel. As such we need to override their style globally */
 .settings-select {
-  margin: 0 0;
+  margin: 0;
 }
 
 .chrome-select optgroup,
@@ -443,7 +443,7 @@ input::placeholder {
   white-space: nowrap;
 }
 
-span[is=dt-icon-label] {
+span[is="dt-icon-label"] {
   flex: none;
 }
 
@@ -469,29 +469,29 @@ span[is=dt-icon-label] {
   z-index: 500;
 }
 
-[is=ui-icon] {
+[is="ui-icon"] {
   display: inline-block;
   flex-shrink: 0;
 }
 
-.-theme-with-dark-background [is=ui-icon].icon-invert,
-:host-context(.-theme-with-dark-background) [is=ui-icon].icon-invert {
+.-theme-with-dark-background [is="ui-icon"].icon-invert,
+:host-context(.-theme-with-dark-background) [is="ui-icon"].icon-invert {
   filter: invert(80%) hue-rotate(180deg);
 }
 
-[is=ui-icon].icon-mask {
+[is="ui-icon"].icon-mask {
   --override-icon-mask-background-color: rgb(110 110 110);
 
   background-color: var(--override-icon-mask-background-color);
   -webkit-mask-position: var(--spritesheet-position);
 }
 
-.-theme-with-dark-background [is=ui-icon].icon-mask,
-:host-context(.-theme-with-dark-background) [is=ui-icon].icon-mask {
+.-theme-with-dark-background [is="ui-icon"].icon-mask,
+:host-context(.-theme-with-dark-background) [is="ui-icon"].icon-mask {
   --override-icon-mask-background-color: rgb(145 145 145);
 }
 
-[is=ui-icon]:not(.icon-mask) {
+[is="ui-icon"]:not(.icon-mask) {
   background-position: var(--spritesheet-position);
 }
 
@@ -523,27 +523,27 @@ span[is=dt-icon-label] {
   background-image: var(--image-file-popoverArrows);
 }
 
-.force-white-icons [is=ui-icon].spritesheet-smallicons,
-:host-context(.force-white-icons) [is=ui-icon].spritesheet-smallicons,
-[is=ui-icon].force-white-icons.spritesheet-smallicons,
+.force-white-icons [is="ui-icon"].spritesheet-smallicons,
+:host-context(.force-white-icons) [is="ui-icon"].spritesheet-smallicons,
+[is="ui-icon"].force-white-icons.spritesheet-smallicons,
 .-theme-preserve {
   -webkit-mask-image: var(--image-file-smallIcons);
   -webkit-mask-position: var(--spritesheet-position);
   background: var(--override-force-white-icons-background) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.force-white-icons [is=ui-icon].spritesheet-largeicons,
-:host-context(.force-white-icons) [is=ui-icon].spritesheet-largeicons,
-[is=ui-icon].force-white-icons.spritesheet-largeicons,
+.force-white-icons [is="ui-icon"].spritesheet-largeicons,
+:host-context(.force-white-icons) [is="ui-icon"].spritesheet-largeicons,
+[is="ui-icon"].force-white-icons.spritesheet-largeicons,
 .-theme-preserve {
   -webkit-mask-image: var(--image-file-largeIcons);
   -webkit-mask-position: var(--spritesheet-position);
   background: var(--override-force-white-icons-background) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.force-white-icons [is=ui-icon].spritesheet-mediumicons,
-:host-context(.force-white-icons) [is=ui-icon].spritesheet-mediumicons,
-[is=ui-icon].force-white-icons.spritesheet-mediumicons,
+.force-white-icons [is="ui-icon"].spritesheet-mediumicons,
+:host-context(.force-white-icons) [is="ui-icon"].spritesheet-mediumicons,
+[is="ui-icon"].force-white-icons.spritesheet-mediumicons,
 .-theme-preserve {
   -webkit-mask-image: var(--image-file-mediumIcons);
   -webkit-mask-position: var(--spritesheet-position);
@@ -635,30 +635,30 @@ button.link:focus-visible {
     opacity: 100%;
   }
 
-  [is=ui-icon].icon-mask,
-  .force-white-icons [is=ui-icon].spritesheet-smallicons,
-  :host-context(.force-white-icons) [is=ui-icon].spritesheet-smallicons,
-  [is=ui-icon].force-white-icons.spritesheet-smallicons,
-  .force-white-icons [is=ui-icon].spritesheet-largeicons,
-  :host-context(.force-white-icons) [is=ui-icon].spritesheet-largeicons,
-  [is=ui-icon].force-white-icons.spritesheet-largeicons,
-  .force-white-icons [is=ui-icon].spritesheet-mediumicons,
-  :host-context(.force-white-icons) [is=ui-icon].spritesheet-mediumicons,
-  [is=ui-icon].force-white-icons.spritesheet-mediumicons,
+  [is="ui-icon"].icon-mask,
+  .force-white-icons [is="ui-icon"].spritesheet-smallicons,
+  :host-context(.force-white-icons) [is="ui-icon"].spritesheet-smallicons,
+  [is="ui-icon"].force-white-icons.spritesheet-smallicons,
+  .force-white-icons [is="ui-icon"].spritesheet-largeicons,
+  :host-context(.force-white-icons) [is="ui-icon"].spritesheet-largeicons,
+  [is="ui-icon"].force-white-icons.spritesheet-largeicons,
+  .force-white-icons [is="ui-icon"].spritesheet-mediumicons,
+  :host-context(.force-white-icons) [is="ui-icon"].spritesheet-mediumicons,
+  [is="ui-icon"].force-white-icons.spritesheet-mediumicons,
   .-theme-preserve {
     forced-color-adjust: none;
     background-color: ButtonText;
   }
 
   .harmony-input:not([type]),
-  .harmony-input[type=number],
-  .harmony-input[type=text] {
+  .harmony-input[type="number"],
+  .harmony-input[type="text"] {
     border: 1px solid ButtonText;
   }
 
   .harmony-input:not([type]):focus,
-  .harmony-input[type=number]:focus,
-  .harmony-input[type=text]:focus {
+  .harmony-input[type="number"]:focus,
+  .harmony-input[type="text"]:focus {
     border: 1px solid Highlight;
   }
 }

package/front_end/ui/legacy/inspectorSyntaxHighlight.css

@@ -113,7 +113,7 @@
 
 .cm-css-property,
 .webkit-css-property {
-  color: rgb(200 0 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
+  color: var(--webkit-css-property-color, rgb(200 0 0)); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
 }
 
 .cm-xml-meta {
@@ -209,15 +209,15 @@
   color: var(--color-link);
 }
 
-.devtools-link [is=ui-icon] {
+.devtools-link [is="ui-icon"] {
   vertical-align: middle;
 }
 
-.devtools-link [is=ui-icon].icon-mask {
+.devtools-link [is="ui-icon"].icon-mask {
   background-color: var(--color-link);
 }
 
-:focus .selected .devtools-link [is=ui-icon].icon-mask {
+:focus .selected .devtools-link [is="ui-icon"].icon-mask {
   background-color: var(--legacy-item-selection-bg-color);
 }
 

package/front_end/ui/legacy/inspectorSyntaxHighlightDark.css

@@ -213,7 +213,7 @@
 }
 
 .webkit-css-property {
-  color: rgb(53 212 199); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
+  color: var(--webkit-css-property-color, rgb(53 212 199)); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
 }
 
 .cm-def {

package/front_end/ui/legacy/inspectorViewTabbedPane.css

@@ -14,7 +14,7 @@
 }
 
 .tabbed-pane-header-tab.selected {
-  border-width: 0 2px 0 2px;
+  border-width: 0 2px;
 }
 
 .tabbed-pane-header-contents {

package/front_end/ui/legacy/searchableView.css

@@ -35,7 +35,7 @@
 }
 
 .toolbar-search > div {
-  margin: 2px 2px;
+  margin: 2px;
   flex-shrink: 0;
 }
 

package/front_end/ui/legacy/softContextMenu.css

@@ -11,7 +11,7 @@
   overflow-y: auto;
   min-width: 160px !important; /* stylelint-disable-line declaration-no-important */
   /* NOTE: Keep padding in sync with padding adjustment in SoftContextMenu.js */
-  padding: 4px 0 4px 0;
+  padding: 4px 0;
   border: 1px solid var(--color-details-hairline);
   background-color: var(--color-background);
   box-shadow: var(--drop-shadow);
@@ -44,6 +44,12 @@
   white-space: nowrap;
 }
 
+.soft-context-menu-item devtools-icon {
+  --icon-color: var(--color-text-secondary);
+
+  pointer-events: none;
+}
+
 .soft-context-menu-disabled {
   color: var(--color-text-disabled);
   pointer-events: none;
@@ -66,6 +72,10 @@
   color: var(--override-context-menu-hover-text-color);
 }
 
+.soft-context-menu-item-mouse-over devtools-icon {
+  --icon-color: var(--override-context-menu-hover-text-color);
+}
+
 .-theme-with-dark-background .soft-context-menu-item-mouse-over,
 :host-context(.-theme-with-dark-background) .soft-context-menu-item-mouse-over {
   --override-dark-mode-focus-color: #1a73e8;

package/front_end/ui/legacy/tabbedPane.css

@@ -390,6 +390,11 @@
     color: HighlightText;
   }
 
+  .tabbed-pane-header-tab:hover .tabbed-pane-close-button,
+  .tabbed-pane-shadow .tabbed-pane-header-tab:focus-visible .tabbed-pane-close-button {
+    --icon-color: HighlightText;
+  }
+
   .tabbed-pane-header-tabs-drop-down-container {
     opacity: 100%;
   }

package/front_end/ui/legacy/textPrompt.css

@@ -47,7 +47,7 @@
 }
 
 .text-prompt:not([data-placeholder]):empty::after {
-  content: '\00A0';
+  content: "\00A0";
   width: 0;
   display: block;
 }

package/front_end/ui/legacy/themeColors.css

@@ -233,6 +233,7 @@
   --color-error-text: hsl(0deg 100% 75%);
   --color-error-border: rgb(92 0 0);
   --color-error-background: hsl(0deg 100% 8%);
+  --color-checkbox-accent-color: rgb(255 165 0);
   /* Colors for styling inputs */
   --color-input-outline: rgb(189 193 198);
   --color-input-outline-active: rgb(138 180 248);

package/front_end/ui/legacy/toolbar.css

@@ -307,7 +307,7 @@ select.toolbar-item:focus-visible > * {
 .toolbar-input {
   width: 120px;
   height: 19px;
-  padding: 4px 3px 3px 3px;
+  padding: 4px 3px 3px;
   margin: 1px 3px;
   background-color: var(--color-background);
   border: 1px solid transparent;
@@ -389,18 +389,18 @@ select.toolbar-item:focus-visible > * {
   left: -2px;
 }
 
-input[is=history-input] {
+input[is="history-input"] {
   border: 1px solid transparent;
   line-height: 16px;
   padding: 1px;
 }
 
-input[is=history-input]:hover {
+input[is="history-input"]:hover {
   box-shadow: var(--legacy-focus-ring-inactive-shadow);
 }
 
-input[is=history-input]:focus,
-input[is=history-input]:not(:placeholder-shown) {
+input[is="history-input"]:focus,
+input[is="history-input"]:not(:placeholder-shown) {
   box-shadow: var(--legacy-focus-ring-active-shadow);
 }
 
@@ -470,7 +470,7 @@ devtools-icon.leading-issue-icon {
     color: HighlightText;
   }
 
-  .toolbar-button:disabled [is=ui-icon].icon-mask {
+  .toolbar-button:disabled [is="ui-icon"].icon-mask {
     background-color: GrayText;
     color: GrayText;
   }
@@ -505,8 +505,8 @@ devtools-icon.leading-issue-icon {
   :not(.toolbar-render-as-links) .toolbar-button:enabled:hover .toolbar-glyph,
   :not(.toolbar-render-as-links) .toolbar-button:enabled:focus .toolbar-glyph,
   :not(.toolbar-render-as-links) .toolbar-button:enabled:hover:not(:active) .toolbar-glyph,
-  .toolbar-button:enabled:hover [is=ui-icon].icon-mask,
-  .toolbar-button:enabled:focus [is=ui-icon].icon-mask {
+  .toolbar-button:enabled:hover [is="ui-icon"].icon-mask,
+  .toolbar-button:enabled:focus [is="ui-icon"].icon-mask {
     background-color: HighlightText;
   }
 

package/front_end/ui/legacy/treeoutline.css

@@ -6,7 +6,7 @@
 
 :host {
   flex: 1 1 auto;
-  padding: 2px 0 0 0;
+  padding: 2px 0 0;
 }
 
 .tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) {
@@ -166,7 +166,7 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus * {
 @media (forced-colors: active) {
   .tree-outline-disclosure li.parent::before,
   .tree-outline:not(.hide-selection-when-blurred) li.parent:not(.selected)::before,
-  .tree-outline li [is=ui-icon].icon-mask {
+  .tree-outline li [is="ui-icon"].icon-mask {
     forced-color-adjust: none;
     background-color: ButtonText;
   }
@@ -200,8 +200,8 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus * {
     background-color: transparent;
   }
 
-  .tree-outline li.selected [is=ui-icon].icon-mask,
-  .tree-outline li.selected:focus [is=ui-icon]:not(.icon-mask) {
+  .tree-outline li.selected [is="ui-icon"].icon-mask,
+  .tree-outline li.selected:focus [is="ui-icon"]:not(.icon-mask) {
     background-color: HighlightText !important; /* stylelint-disable-line declaration-no-important */
   }
 
@@ -215,4 +215,20 @@ ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus * {
     forced-color-adjust: none;
     color: HighlightText;
   }
+
+  .tree-outline:not(.hide-selection-when-blurred) li.selected:focus-visible devtools-adorner,
+  .tree-outline.hide-selection-when-blurred li.selected:focus-visible devtools-adorner {
+    --override-adorner-background-color: Highlight;
+    --override-adorner-border-color: HighlightText;
+  }
+
+  .tree-outline:not(.hide-selection-when-blurred) devtools-icon,
+  .tree-outline.hide-selection-when-blurred devtools-icon {
+    --icon-color: ButtonText;
+  }
+
+  .tree-outline:not(.hide-selection-when-blurred) .selected devtools-icon,
+  .tree-outline.hide-selection-when-blurred .selected:focus-visible devtools-icon {
+    --icon-color: HighlightText;
+  }
 }

package/front_end/ui/legacy/viewContainers.css

@@ -71,7 +71,12 @@
 @media (forced-colors: active) {
   .expandable-view-title:focus-visible {
     forced-color-adjust: none;
-    background: canvas !important; /* stylelint-disable-line declaration-no-important */
+    color: HighlightText;
+    background-color: Highlight;
     box-shadow: 0 0 0 2px Highlight inset;
   }
+
+  .expandable-view-title:focus-visible .title-expand-icon {
+    background-color: HighlightText;
+  }
 }

package/inspector_overlay/common.css

@@ -17,11 +17,11 @@ body.platform-linux {
 
 body.platform-mac {
   color: rgb(48 57 66);
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+  font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
 }
 
 body.platform-windows {
-  font-family: 'Segoe UI', Tahoma, sans-serif;
+  font-family: "Segoe UI", Tahoma, sans-serif;
 }
 
 .fill {

package/inspector_overlay/tool_highlight.css

@@ -157,7 +157,7 @@ body {
   margin-right: 2px;
   width: 10px;
   height: 10px;
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
   line-height: 10px;
 }
 

package/inspector_overlay/tool_paused.css

@@ -61,12 +61,12 @@ body {
 }
 
 #resume-button .glyph {
-  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAAXNSR0IArs4c6QAAAFJJREFUKM+10bEJgGAMBeEPbR3BLRzEVdzEVRzELRzBVohVwEJ+iODBlQfhBeJhsmHU4C0KnFjQV6J0x1SNAhdWDJUoPTB3PvLLeaUhypM3n3sD/qc7lDrdpIEAAAAASUVORK5CYII=);
+  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAAXNSR0IArs4c6QAAAFJJREFUKM+10bEJgGAMBeEPbR3BLRzEVdzEVRzELRzBVohVwEJ+iODBlQfhBeJhsmHU4C0KnFjQV6J0x1SNAhdWDJUoPTB3PvLLeaUhypM3n3sD/qc7lDrdpIEAAAAASUVORK5CYII=");
   -webkit-mask-size: 13px 10px;
   background-color: rgb(66 129 235);
 }
 
 #step-over-button .glyph {
-  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAAXNSR0IArs4c6QAAAOFJREFUKM+N0j8rhXEUB/DPcxW35CqhvIBrtqibkklhV8qkTHe4ZbdblcXgPVhuMdqUTUl5A2KRRCF5LGc4PT1P7qnfcr5/zu/8KdTHLFaxjHnc4RZXKI0QYxjgLQTVd42l/0wmg5iFX3iq5H6w22RS4DyRH7CB8cAXcBTGJT6xUmd0mEwuMdFQcA3fwXvGTAan8BrgPabTL9fRRyfx91PRMwyjGwcJ2EyCfsrfpPw2Pipz24NT/MZciiQYVshzOKnZ5Hturxt3k2MnCpS4SPkeHpPR8Sh3tYgttBoW9II2/AHiaEqvD2Fc0wAAAABJRU5ErkJggg==);
+  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAAXNSR0IArs4c6QAAAOFJREFUKM+N0j8rhXEUB/DPcxW35CqhvIBrtqibkklhV8qkTHe4ZbdblcXgPVhuMdqUTUl5A2KRRCF5LGc4PT1P7qnfcr5/zu/8KdTHLFaxjHnc4RZXKI0QYxjgLQTVd42l/0wmg5iFX3iq5H6w22RS4DyRH7CB8cAXcBTGJT6xUmd0mEwuMdFQcA3fwXvGTAan8BrgPabTL9fRRyfx91PRMwyjGwcJ2EyCfsrfpPw2Pipz24NT/MZciiQYVshzOKnZ5Hturxt3k2MnCpS4SPkeHpPR8Sh3tYgttBoW9II2/AHiaEqvD2Fc0wAAAABJRU5ErkJggg==");
   -webkit-mask-size: 18px 10px;
 }

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.937244"
+  "version": "1.0.939066"
 }

package/scripts/build/ninja/copy-file.js

@@ -12,7 +12,7 @@ const destPath = path.join(process.cwd(), dest);
 // is because the file in that location might be a hardlinked file, and
 // overwriting it doesn't change the fact that it's hardlinked.
 const srcContents = fs.readFileSync(srcPath);
-if (fs.existsSync(destPath)) {
+if (fileExists(destPath)) {
   // Check contents, return early if match
   const destContents = fs.readFileSync(destPath);
   if (srcContents.equals(destContents)) {
@@ -24,3 +24,12 @@ if (fs.existsSync(destPath)) {
 // toolchain will create a hardlink, which in turn reflects changes in
 // gen and resources/inspector back to //front_end.
 fs.writeFileSync(destPath, srcContents);
+
+/**
+ * Case sensitive implementation of a file look up.
+ */
+function fileExists(filePath) {
+  const dir = path.dirname(filePath);
+  const files = fs.readdirSync(dir);
+  return files.includes(path.basename(filePath));
+}