Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

[DevTools] Add native events to the scheduling profiler (#21947)

Browse Source
This commit is contained in:
Brian Vaughn
2021-07-26 10:36:16 -04:00
committed by GitHub
parent 4758e4533e
commit b1811ebf01
12 changed files with 671 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js
Vendored
+10
View File
@@ -421,6 +421,16 @@ export function updateThemeVariables(
'color-scheduling-profiler-flame-graph-label',
documentElements,
);
updateStyleHelper(
theme,
'color-scheduling-profiler-native-event',
documentElements,
);
updateStyleHelper(
theme,
'color-scheduling-profiler-native-event-hover',
documentElements,
);
updateStyleHelper(
theme,
'color-selected-tree-highlight-active',
packages/react-devtools-shared/src/devtools/views/root.css
+6 -2
View File
@@ -79,8 +79,10 @@
--light-color-record-inactive: #0088fa;
--light-color-resize-bar: #cccccc;
--light-color-scheduling-profiler-flame-graph-label: #000000;
--light-color-scheduling-profiler-priority-background: #ededf0;
--light-color-scheduling-profiler-priority-border: #d7d7db;
--light-color-scheduling-profiler-native-event: #aaaaaa;
--light-color-scheduling-profiler-native-event-hover: #888888;
--light-color-scheduling-profiler-priority-background: #f6f6f6;
--light-color-scheduling-profiler-priority-border: #eeeeee;
--light-color-scheduling-profiler-user-timing: #c9cacd;
--light-color-scheduling-profiler-user-timing-hover:#93959a;
--light-color-scheduling-profiler-react-idle: #edf6ff;
@@ -199,6 +201,8 @@
--dark-color-record-inactive: #61dafb;
--dark-color-resize-bar: #3d424a;
--dark-color-scheduling-profiler-flame-graph-label: #000000;
--dark-color-scheduling-profiler-native-event: #aaaaaa;
--dark-color-scheduling-profiler-native-event-hover: #888888;
--dark-color-scheduling-profiler-priority-background: #1d2129;
--dark-color-scheduling-profiler-priority-border: #282c34;
--dark-color-scheduling-profiler-user-timing: #c9cacd;