Bug 1288577 - Firebug theme - Fix selection color in the net monitor r?jsnajdr
MozReview-Commit-ID: FJN4x267God
--- a/devtools/client/themes/netmonitor.css
+++ b/devtools/client/themes/netmonitor.css
@@ -220,16 +220,20 @@
}
.requests-security-state-icon {
width: 16px;
height: 16px;
margin-inline-end: 4px;
}
+.side-menu-widget-item.selected .requests-security-state-icon {
+ filter: brightness(1.3);
+}
+
.security-state-insecure {
list-style-image: url(chrome://devtools/skin/images/security-state-insecure.svg);
}
.security-state-secure {
list-style-image: url(chrome://devtools/skin/images/security-state-secure.svg);
}
@@ -271,16 +275,20 @@
}
.requests-menu-transferred {
max-width: 8em;
text-align: center;
width: 8vw;
}
+.side-menu-widget-item.selected .requests-menu-transferred.theme-comment {
+ color: var(--theme-selection-color);
+}
+
/* Network requests table: status codes */
.requests-menu-status-code {
margin-inline-start: 3px !important;
width: 3em;
margin-inline-end: -3em !important;
}
@@ -289,16 +297,20 @@
height: 10px;
width: 10px;
margin-inline-start: 5px;
margin-inline-end: 5px;
border-radius: 10px;
transition: box-shadow 0.5s ease-in-out;
}
+.side-menu-widget-item.selected .requests-menu-status-icon {
+ filter: brightness(1.3);
+}
+
.requests-menu-status-icon:not([code]) {
background-color: var(--theme-content-color2);
}
.requests-menu-status-icon[code="cached"] {
border: 2px solid var(--theme-content-color2);
background-color: transparent;
}
@@ -487,20 +499,25 @@
}
/* HTTP Status Column */
.theme-firebug .requests-menu-subitem.requests-menu-status {
font-weight: bold;
}
/* Method Column */
+
.theme-firebug .requests-menu-subitem.requests-menu-method-box {
color: rgb(128, 128, 128);
}
+.side-menu-widget-item.selected .requests-menu-method {
+ color: var(--theme-selection-color);
+}
+
/* Size Column */
.theme-firebug .requests-menu-subitem.requests-menu-size {
text-align: end;
padding-inline-end: 4px;
}
/* Network request details */
@@ -529,16 +546,20 @@
}
/* Headers separators are toolbars, but they have different height
in Firebug theme */
.theme-firebug .tabpanel-content .variables-view-container .title.devtools-toolbar {
height: 20px !important;
}
+.theme-firebug .variables-view-scope:focus > .title {
+ color: var(--theme-body-color);
+}
+
/* Summary tabpanel */
.tabpanel-summary-container {
padding: 1px;
}
.tabpanel-summary-label {
padding-inline-start: 4px;