chrome-devtools-frontend 1.0.956975 → 1.0.957495

package/front_end/panels/network/NetworkLogViewColumns.ts

@@ -8,6 +8,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as DataGrid from '../../ui/legacy/components/data_grid/data_grid.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 
 import type {NetworkNode} from './NetworkDataGridNode.js';
 import {NetworkRequestNode} from './NetworkDataGridNode.js';
@@ -205,6 +206,10 @@ export class NetworkLogViewColumns {
 
     this.setupDataGrid();
     this.setupWaterfall();
+
+    ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, () => {
+      this.scheduleRefresh();
+    });
   }
 
   private static convertToDataGridDescriptor(columnConfig: Descriptor): DataGrid.DataGrid.ColumnDescriptor {

package/front_end/ui/components/text_editor/theme.ts

@@ -127,6 +127,7 @@ export const editorTheme = CM.EditorView.theme({
 
   '.cm-tooltip.cm-tooltip-autocomplete > ul': {
     backgroundColor: 'var(--color-background)',
+    maxHeight: '25em',
     minWidth: '16em',
     '& > li.cm-secondaryCompletion': {
       display: 'flex',

package/front_end/ui/legacy/theme_support/theme_support_impl.ts

@@ -42,7 +42,7 @@ let themeSupportInstance: ThemeSupport;
 const themeValuesCache = new Map<CSSStyleDeclaration, Map<string, string>>();
 
 export class ThemeSupport extends EventTarget {
-  private themeNameInternal = 'systemPreferred';
+  private themeNameInternal = 'default';
   private customSheets: Set<string> = new Set();
   private computedRoot = Common.Lazy.lazy(() => window.getComputedStyle(document.documentElement));
 

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.956975"
+  "version": "1.0.957495"
 }

package/front_end/third_party/codemirror/README.md

@@ -1,3 +0,0 @@
-Treat `codemirror.css` like a rolled-in upstream dependency. Instead of changing it directly, consider changing `front_end/text_editor/cmdevtools.css` instead.
-
-[Issue #1076825](https://bugs.chromium.org/p/chromium/issues/detail?id=1076825) tracks the effort to use the upstream file more directly.

package/front_end/third_party/codemirror/codemirror.css

@@ -1,283 +0,0 @@
-/* The rest of this file contains styles related to the mechanics of
-   the editor. You probably shouldn't touch them. */
-
-.CodeMirror {
-  position: relative;
-  overflow: hidden;
-  background: var(--color-background);
-}
-
-.CodeMirror-scroll {
-  overflow: scroll !important; /* Things will break if this is overridden */
-  /* 50px is the magic margin used to hide the element's real scrollbars */
-  /* See overflow: hidden in .CodeMirror */
-  margin-bottom: -50px;
-  margin-right: -50px;
-  padding-bottom: 50px;
-  height: 100%;
-  outline: none; /* Prevent dragging from highlighting the element */
-  position: relative;
-}
-
-.CodeMirror-sizer {
-  position: relative;
-  border-right: 50px solid transparent;
-}
-
-/* The fake, visible scrollbars. Used to force redraw during scrolling
-   before actual scrolling happens, thus preventing shaking and
-   flickering artifacts. */
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
-  position: absolute;
-  z-index: 6;
-  display: none;
-  outline: none;
-}
-
-.CodeMirror-vscrollbar {
-  right: 0;
-  top: 0;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-
-.CodeMirror-hscrollbar {
-  bottom: 0;
-  left: 0;
-  overflow-y: hidden;
-  overflow-x: scroll;
-}
-
-.CodeMirror-scrollbar-filler {
-  right: 0;
-  bottom: 0;
-}
-
-.CodeMirror-gutter-filler {
-  left: 0;
-  bottom: 0;
-}
-
-.CodeMirror-gutters {
-  position: absolute;
-  left: 0;
-  top: 0;
-  min-height: 100%;
-  z-index: 3;
-}
-
-.CodeMirror-gutter {
-  white-space: normal;
-  height: 100%;
-  display: inline-block;
-  vertical-align: top;
-  margin-bottom: -50px;
-}
-
-.CodeMirror-gutter-wrapper {
-  position: absolute;
-  z-index: 4;
-  background: none !important;
-  border: none !important;
-}
-
-.CodeMirror-gutter-background {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 4;
-}
-
-.CodeMirror-gutter-elt {
-  position: absolute;
-  cursor: default;
-  z-index: 4;
-}
-
-.CodeMirror-gutter-wrapper ::selection {
-  background-color: transparent;
-}
-
-.CodeMirror-gutter-wrapper ::-moz-selection {
-  background-color: transparent;
-}
-
-.CodeMirror-lines {
-  cursor: text;
-  min-height: 1px; /* prevents collapsing before first draw */
-}
-
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
-  /* Reset some styles that the rest of the page might have set */
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -moz-border-radius: 0;
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-border-radius: 0;
-  border-radius: 0;
-  border-width: 0;
-  background: transparent;
-  font-family: inherit;
-  font-size: inherit;
-  margin: 0;
-  white-space: pre;
-  word-wrap: normal;
-  line-height: inherit;
-  color: inherit;
-  z-index: 2;
-  position: relative;
-  overflow: visible;
-  -webkit-tap-highlight-color: transparent;
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-font-variant-ligatures: contextual;
-  font-variant-ligatures: contextual;
-}
-
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: normal;
-}
-
-.CodeMirror-linebackground {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 0;
-}
-
-.CodeMirror-linewidget {
-  position: relative;
-  z-index: 2;
-  padding: 0.1px; /* Force widget margins to stay inside of the container */
-}
-
-.CodeMirror-rtl pre {
-  direction: rtl;
-}
-
-.CodeMirror-code {
-  outline: none;
-}
-
-/* Force content-box sizing for the elements where we expect it */
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-.CodeMirror-measure {
-  position: absolute;
-  width: 100%;
-  height: 0;
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.CodeMirror-cursor {
-  position: absolute;
-  pointer-events: none;
-}
-
-.CodeMirror-measure pre {
-  position: static;
-}
-
-div.CodeMirror-cursors {
-  visibility: hidden;
-  position: relative;
-  z-index: 3;
-}
-
-div.CodeMirror-dragcursors {
-  visibility: visible;
-}
-
-.CodeMirror-focused div.CodeMirror-cursors {
-  visibility: visible;
-}
-
-.CodeMirror-selected {
-  --override-cm-selected-background-color: #d9d9d9;
-
-  background: var(--override-cm-selected-background-color);
-}
-
-.-theme-with-dark-background .CodeMirror-selected,
-:host-context(.-theme-with-dark-background) .CodeMirror-selected {
-  --override-cm-selected-background-color: rgb(38 38 38);
-}
-
-.CodeMirror-focused .CodeMirror-selected {
-  --override-cm-selected-background-color: #d7d4f0;
-}
-
-.-theme-with-dark-background .CodeMirror-focused .CodeMirror-selected,
-:host-context(.-theme-with-dark-background) .CodeMirror-focused .CodeMirror-selected {
-  --override-cm-selected-background-color: rgb(18 15 43);
-}
-
-.CodeMirror-crosshair {
-  cursor: crosshair;
-}
-
-.CodeMirror-line {
-  --override-line-selection-background-color: #d7d4f0;
-}
-
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
-  background:var(--override-line-selection-background-color);
-}
-
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
-  background: var(--override-line-selection-background-color);
-}
-
-.-theme-with-dark-background .CodeMirror-line,
-:host-context(.-theme-with-dark-background) .CodeMirror-line {
-  --override-line-selection-background-color: rgb(18 15 43);
-
-}
-
-.cm-searching {
-  --override-searching-background-color: rgb(255 255 0 / 40%);
-
-  background-color: var(--override-searching-background-color);
-}
-
-/* Used to force a border model for a node */
-.cm-force-border {
-  padding-right: 0.1px;
-}
-
-@media print {
-  /* Hide the cursor when printing */
-  .CodeMirror div.CodeMirror-cursors {
-    visibility: hidden;
-  }
-}
-
-/* See issue #2901 */
-.cm-tab-wrap-hack::after {
-  content: "";
-}
-
-/* Help users use markselection to safely style text background */
-span.CodeMirror-selectedtext {
-  background: none;
-}

package/front_end/third_party/codemirror/codemirror.ts

@@ -1,19 +0,0 @@
-// Copyright 2019 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import type * as CodeMirrorLegacy from './codemirror-legacy';
-export {CodeMirrorLegacy};
-
-import './package/lib/codemirror.js';
-import './package/addon/comment/comment.js';
-import './package/addon/edit/closebrackets.js';
-import './package/addon/edit/matchbrackets.js';
-import './package/addon/mode/multiplex.js';
-import './package/addon/mode/overlay.js';
-import './package/addon/mode/simple.js';
-import './package/addon/selection/active-line.js';
-import './package/addon/selection/mark-selection.js';
-import './package/addon/fold/foldcode.js';
-import './package/addon/fold/foldgutter.js';
-import './package/addon/fold/brace-fold.js';