Force non overlay scrollbar in Devtools/Performance for Aura Overlay Scrollbar

third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css

Index: third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css
diff --git a/third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css b/third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css
index 6f42b1b229e3a3b43368f53cfdfa18b995f8a407..bad732478bf3d839bae2b70af0b14fc939e13d8b 100644
--- a/third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css
+++ b/third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css
@@ -45,13 +45,13 @@
     overflow-y: scroll;
 }
 
+/* force non overlay scrollbars for Mac */
 :host-context(.platform-mac) .flame-chart-v-scroll {
     right: 2px;
     top: 3px;
     bottom: 3px;
 }
 
-/* force non-overlay scrollbars */
 :host-context(.platform-mac) ::-webkit-scrollbar {
     width: 8px;
 }
@@ -65,6 +65,19 @@
     background-color: hsla(0, 0%, 25%, 0.6);
 }
 
+/* force non overlay scrollbars for Aura Overlay Scrollbar enabled */
+:host-context(.overlay-scrollbar-enabled) ::-webkit-scrollbar {
+    width: 10px;
+}
+
+:host-context(.overlay-scrollbar-enabled) ::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 0%, 0.5);
+}
+
+:host-context(.overlay-scrollbar-enabled) .flame-chart-v-scroll:hover::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 0%, 0.7);
+}
+
 .flame-chart-selection-overlay {
     position: absolute;
     z-index: 100;