diff --git a/devtools/client/netmonitor/src/assets/styles/RequestList.css b/devtools/client/netmonitor/src/assets/styles/RequestList.css index e2e19ee962ad..fb154720e17b 100644 --- a/devtools/client/netmonitor/src/assets/styles/RequestList.css +++ b/devtools/client/netmonitor/src/assets/styles/RequestList.css @@ -48,6 +48,7 @@ width: 100%; height: 100%; overflow: hidden; + color: var(--table-text-color); } .requests-list-wrapper { @@ -590,8 +591,8 @@ background-color: var(--theme-selection-background-hover); } -.request-list-item.fromCache > .requests-list-column:not(.requests-list-waterfall) { - opacity: 0.6; +.request-list-item:not(.selected).fromCache > .requests-list-column:not(.requests-list-waterfall) { + opacity: 0.7; } /* Responsive web design support */ diff --git a/devtools/client/netmonitor/src/assets/styles/variables.css b/devtools/client/netmonitor/src/assets/styles/variables.css index 432eb4b9a3f0..f86f60f20800 100644 --- a/devtools/client/netmonitor/src/assets/styles/variables.css +++ b/devtools/client/netmonitor/src/assets/styles/variables.css @@ -3,6 +3,7 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ :root.theme-dark { + --table-text-color: var(--grey-40); --table-splitter-color: rgba(255,255,255,0.15); --table-zebra-background: rgba(255,255,255,0.05); @@ -21,6 +22,7 @@ :root.theme-light { --theme-body-color: var(--grey-70); + --table-text-color: var(--grey-70); --table-splitter-color: rgba(0,0,0,0.15); --table-zebra-background: rgba(0,0,0,0.05);