chrome-devtools-frontend 1.0.953776 → 1.0.954427

package/front_end/ui/components/linear_memory_inspector/ValueInterpreterSettings.ts

@@ -5,6 +5,7 @@
 import * as i18n from '../../../core/i18n/i18n.js';
 import * as LitHtml from '../../lit-html/lit-html.js';
 import * as ComponentHelpers from '../helpers/helpers.js';
+import * as Input from '../input/input.js';
 
 import {ValueType, valueTypeToLocalizedString} from './ValueInterpreterDisplayUtils.js';
 import valueInterpreterSettingsStyles from './valueInterpreterSettings.css.js';
@@ -65,7 +66,7 @@ export class ValueInterpreterSettings extends HTMLElement {
   #valueTypes: Set<ValueType> = new Set();
 
   connectedCallback(): void {
-    this.#shadow.adoptedStyleSheets = [valueInterpreterSettingsStyles];
+    this.#shadow.adoptedStyleSheets = [Input.checkboxStyles, valueInterpreterSettingsStyles];
   }
 
   set data(data: ValueInterpreterSettingsData) {

package/front_end/ui/components/settings/SettingCheckbox.ts

@@ -56,8 +56,9 @@ export class SettingCheckbox extends HTMLElement {
         LitHtml.html`
       <p>
         <label>
-          <input type="checkbox" ?checked=${this.#setting.get()} ?disabled=${this.#disabled} @change=${
-            this.#checkboxChanged} aria-label=${this.#setting.title()} /> ${this.#setting.title()}
+          <input type="checkbox" ?checked=${this.#setting.get()} ?disabled=${
+            this.#disabled || this.#setting.disabled()} @change=${this.#checkboxChanged} aria-label=${
+            this.#setting.title()} /> ${this.#setting.title()}
         </label>
       </p>`,
         this.#shadow, {host: this});

package/front_end/ui/legacy/SettingsUI.ts

@@ -110,6 +110,7 @@ const createSettingSelect = function(
         select.selectedIndex = i;
       }
     }
+    select.disabled = setting.disabled();
   }
 
   function selectChanged(): void {

package/front_end/ui/legacy/themeColors.css

@@ -25,7 +25,7 @@
   --color-background-elevation-2: rgb(222 225 230);
   /** Used when the elevation is visible only on dark theme */
   --color-background-elevation-dark-only: var(--color-background);
-  --color-background-highlight: rgb(202 205 209);
+  --color-background-highlight: rgb(218 220 224);
   /** To draw grid lines behind elements */
   --divider-line: rgb(0 0 0 / 10%);
   /**
@@ -203,7 +203,7 @@
   --color-background-elevation-1: rgb(41 42 45);
   --color-background-elevation-2: rgb(53 54 58);
   --color-background-elevation-dark-only: var(--color-background-elevation-1);
-  --color-background-highlight: rgb(75 76 79);
+  --color-background-highlight: rgb(69 69 69);
   --divider-line: rgb(255 255 255 / 10%);
   --color-background-hover-overlay: rgb(56 121 217 / 10%);
   --color-selection-highlight: rgb(251 202 70 / 20%);

package/front_end/ui/legacy/treeoutline.css

@@ -56,7 +56,7 @@
 }
 
 .tree-outline:not(.hide-selection-when-blurred) li.in-clipboard .highlight {
-  outline: 1px dotted var(--color-background-highlight);
+  outline: 1px dotted var(--color-details-hairline);
 }
 
 ol.tree-outline:not(.hide-selection-when-blurred) li.selected:focus .selection {

package/package.json

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