third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js - Issue 2832653002: DevTools: brush up color blending and theming APIs.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

Issue 2832653002: DevTools: brush up color blending and theming APIs. (Closed)

Patch Set: Created 3 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/perf_ui/FlameChart.js ('k') | third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChartDataProvider.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

diff --git a/third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js b/third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

index 7d25f6358ab0ab12f843285d62e6eeb49000a4be..612cea999149bc7fc61ec90b0e51340663d34ba6 100644

--- a/third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

+++ b/third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

@@ -111,12 +111,13 @@ PerfUI.TimelineGrid = class {

var precision = dividersData.precision;

if (headerHeight) {

- context.fillStyle = UI.themeSupport.patchColor('rgba(255, 255, 255, 0.5)', UI.ThemeSupport.ColorUsage.Background);

+ context.fillStyle =

+ UI.themeSupport.patchColorText('rgba(255, 255, 255, 0.5)', UI.ThemeSupport.ColorUsage.Background);

context.fillRect(0, 0, width, headerHeight);

}

- context.fillStyle = UI.themeSupport.patchColor('#333', UI.ThemeSupport.ColorUsage.Foreground);

- context.strokeStyle = UI.themeSupport.patchColor('rgba(0, 0, 0, 0.1)', UI.ThemeSupport.ColorUsage.Foreground);

+ context.fillStyle = UI.themeSupport.patchColorText('#333', UI.ThemeSupport.ColorUsage.Foreground);

+ context.strokeStyle = UI.themeSupport.patchColorText('rgba(0, 0, 0, 0.1)', UI.ThemeSupport.ColorUsage.Foreground);

context.textBaseline = 'hanging';

context.font = '11px ' + Host.fontFamily();

context.lineWidth = 1;