mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-14 10:34:48 +08:00
Jack Franklin
b46cafdc6c
This CL adds back the feature where outgoing messages are slightly highlighted in the protocol monitor to enable them to be distinguished. To do this I've added support for custom CSS variables to the DataGrid that can be overriden via a `styles` property on an individual row. This way we avoid having to work around shadow roots and such like to pass styling through, and we limit how much customisation people can do when rendering with custom colors. Bug: 1211346 Change-Id: I280028bb5706065078b79f3a424d572391b97254 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2910106 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Paul Lewis <aerotwist@chromium.org>
15 lines
461 B
CSS
15 lines
461 B
CSS
/*
|
|
* Copyright 2021 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.
|
|
*/
|
|
|
|
.protocol-monitor {
|
|
--override-data-grid-sent-message-row-background-color: hsl(281deg 64% 95%);
|
|
}
|
|
|
|
.-theme-with-dark-background .protocol-monitor,
|
|
:host-context(.-theme-with-dark-background) .protocol-monitor {
|
|
--override-data-grid-sent-message-row-background-color: rgb(44 0 64);
|
|
}
|