Bug 1288577 - Firebug theme - Fix selection color in the net monitor r?jsnajdr draft
authorXue Fuqiao <xfq.free@gmail.com>
Fri, 07 Oct 2016 21:04:34 +0800
changeset 422102 3ab3df000e86d58ad87946318e4b78d18e8712a1
parent 420017 955840bfd3c20eb24dd5a01be27bdc55c489a285
child 533263 bbb7842a0e0f7ff6f05f64ba6a074934819e69ff
push id31695
push userbmo:xfq.free@gmail.com
push dateFri, 07 Oct 2016 13:43:48 +0000
reviewersjsnajdr
bugs1288577
milestone52.0a1
Bug 1288577 - Firebug theme - Fix selection color in the net monitor r?jsnajdr MozReview-Commit-ID: FJN4x267God
devtools/client/themes/netmonitor.css
--- 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;