first part of syncing LCARStrek with Firefox 42-44 windows theme changes

[themes.git] / LCARStrek / browser / devtools / netmonitor.css

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index f73ddf94d4c2a2c7cebbe66056d203c579c5d827..6c0e81c581fd7d6e2413048d6cd563620fcb5783 100644 (file)
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -9,6 +9,12 @@ window {
 
 /* === BEGIN netmonitor.inc.css === */
 
+:root.theme-dark,
+:root.theme-light {
+  --table-splitter-color: #9C9CFF;
+  --table-zebra-background: rgba(255,159,0,0.1);
+}
+
 #requests-menu-empty-notice {
   margin: 0;
   padding: 12px;
@@ -56,7 +62,7 @@ window {
 
 .requests-menu-header:not(:last-child),
 .requests-menu-subitem:not(:last-child) {
-  -moz-border-end: 1px solid #9C9CFF;
+  -moz-border-end: 1px solid var(--table-splitter-color);
 }
 
 .requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
@@ -145,7 +151,7 @@ window {
 }
 
 .requests-menu-icon {
-  outline: 1px solid #A09090;
+  outline: 1px solid var(--table-splitter-color);
 }
 
 .requests-menu-file {
@@ -158,30 +164,28 @@ window {
 }
 
 .requests-security-state-icon {
+  width: 16px;
+  height: 16px;
   -moz-margin-end: 4px;
-  -moz-image-region:rect(0px, 16px, 16px, 0px);
-}
-
-.requests-security-state-icon:hover {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-.requests-security-state-icon:active {
-  -moz-image-region: rect(0px, 48px, 16px, 32px);
 }
 
 .security-state-insecure {
-  list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
+  list-style-image: url("chrome://browser/skin/identity-not-secure.svg");
 }
 
 .security-state-secure {
   cursor: pointer;
-  list-style-image: url("chrome://browser/skin/identity-icons-https.png");
+  list-style-image: url("chrome://browser/skin/identity-secure.svg");
+}
+
+.security-state-weak {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-mixed-passive-loaded.svg");
 }
 
 .security-state-broken {
   cursor: pointer;
-  list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
+  list-style-image: url("chrome://browser/skin/identity-mixed-active-loaded.svg");
 }
 
 .requests-menu-type {
@@ -218,15 +222,20 @@ label.requests-menu-status-code {
 }
 
 box.requests-menu-status:not([code]) {
-  background-color: #A09090; /* dark grey */
+  background-color: var(--theme-content-color2);
+}
+
+box.requests-menu-status[code="cached"] {
+  border: 2px solid var(--theme-content-color2);
+  background-color: transparent;  
 }
 
 box.requests-menu-status[code^="1"] {
-  background-color: #9C9CFF; /* light blue */
+  background-color: var(---theme-highlight-blue);
 }
 
 box.requests-menu-status[code^="2"] {
-  background-color: #008484; /* green */
+  background-color: var(--theme-highlight-green);
 }
 
 /* 3xx are triangles */
@@ -236,18 +245,18 @@ box.requests-menu-status[code^="3"] {
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
-  border-bottom: 10px solid #FF9F00; /* light orange */
+  border-bottom: 10px solid var(--theme-highlight-lightorange);
   border-radius: 0;
 }
 
 /* 4xx and 5xx are squares - error codes */
 box.requests-menu-status[code^="4"] {
-  background-color: #FF0000; /* red */
+  background-color: var(--theme-highlight-red);
   border-radius: 0; /* squares */
 }
 
 box.requests-menu-status[code^="5"] {
-  background-color: #6000CF; /* pink? */
+  background-color: var(--theme-highlight-pink);
   border-radius: 0;
   transform: rotate(45deg);
 }
@@ -363,6 +372,16 @@ box.requests-menu-status[code^="5"] {
 
 /* SideMenuWidget */
 
+#network-table .side-menu-widget-empty-text,
+#network-table .side-menu-widget-container {
+  background-color: var(--theme-body-background);
+}
+
+#network-table .side-menu-widget-item {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
 .side-menu-widget-item-contents {
   padding: 0px;
 }
@@ -372,7 +391,11 @@ box.requests-menu-status[code^="5"] {
 }
 
 .side-menu-widget-item:not(.selected)[odd] {
-  background: rgba(255,159,0,0.1);
+  background-color: var(--table-zebra-background);
+}
+
+.side-menu-widget-item:not(.selected):hover {
+  background-color: var(--theme-selection-background-semitransparent);
 }
 
 /* Network request details */
@@ -396,7 +419,7 @@ box.requests-menu-status[code^="5"] {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   #details-pane-toggle {
     list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
     -moz-image-region: rect(0px,32px,32px,0px);
@@ -414,10 +437,17 @@ box.requests-menu-status[code^="5"] {
 /* Network request details tabpanels */
 
 .tabpanel-content {
-  background-color: var(--theme-toolbar-background);
+  background-color: var(--theme-sidebar-background);
+}
+
+.theme-dark .tabpanel-content {
   color: var(--theme-body-color);
 }
 
+#headers-tabpanel {
+  background-color: var(--theme-toolbar-background);
+}
+
 /* Summary tabpanel */
 
 .tabpanel-summary-container {
@@ -431,6 +461,7 @@ box.requests-menu-status[code^="5"] {
 }
 
 .tabpanel-summary-value {
+  color: inherit;
   -moz-padding-start: 3px;
 }
 
@@ -516,8 +547,19 @@ box.requests-menu-status[code^="5"] {
   overflow: auto;
 }
 
-#security-error-message {
-  white-space: pre-wrap;
+.security-warning-icon {
+  background-image: url("alerticon-warning.png");
+  background-size: 13px 12px;
+  -moz-margin-start: 5px;
+  vertical-align: top;
+  width: 13px;
+  height: 12px;
+}
+
+@media (min-resolution: 1.25dppx) {
+  .security-warning-icon {
+    background-image: url("alerticon-warning@2x.png");
+  }
 }
 
 /* Custom request form */
@@ -541,9 +583,9 @@ box.requests-menu-status[code^="5"] {
 /* Footer */
 
 #requests-menu-footer {
-  border-top: 1px solid #9C9CFF;
   padding-top: 3px;
   background-color: var(--theme-toolbar-background);
+  border-top: 1px solid var(--table-splitter-color);
 }
 
 .requests-menu-footer-button,
@@ -567,9 +609,6 @@ box.requests-menu-status[code^="5"] {
 .requests-menu-footer-button {
 }
 
-.requests-menu-footer-button:hover {
-}
-
 .requests-menu-footer-button:hover:active {
 }
 
@@ -580,6 +619,28 @@ box.requests-menu-status[code^="5"] {
   font-weight: 600;
 }
 
+#requests-menu-filter-freetext-text {
+  transition-property: max-width, -moz-padding-end, -moz-padding-start;
+  transition-duration: 250ms;
+  transition-timing-function: ease;
+}
+
+#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box {
+  overflow: hidden;
+}
+
+#requests-menu-filter-freetext-text:not([focused]):not([filled]) {
+  max-width: 20px !important;
+  -moz-padding-end: 5px;
+  -moz-padding-start: 22px;
+  background-position: 8px center, top left, top left;
+}
+
+#requests-menu-filter-freetext-text[focused],
+#requests-menu-filter-freetext-text[filled] {
+  max-width: 200px !important;
+}
+
 /* Performance analysis buttons */
 
 #requests-menu-network-summary-button {
@@ -617,7 +678,7 @@ box.requests-menu-status[code^="5"] {
 
 #network-statistics-charts {
   min-height: 1px;
-  background-color: var(--theme-toolbar-background);
+  background-color: var(--theme-sidebar-background);
 }
 
 #network-statistics-charts .pie-chart-container {