X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fnetmonitor.css;h=88fc40897f1699c5a0ce08aeba17cdc25e3c714c;hp=07b4b41520f459aa52a0c97333ad0a7f62a19364;hb=64d04cff9b53a4df8094b4278243df7ae2c9b251;hpb=8922acc9f23be3328737c96320e3a52ffea789cb

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index 07b4b415..88fc4089 100644
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -13,8 +13,6 @@ window {
   margin: 0;
   padding: 12px;
   font-size: 120%;
-
-  color: #FF9F00;
 }
 
 #notice-perf-message {
@@ -154,11 +152,43 @@ window {
   text-align: start;
 }
 
-.requests-menu-domain {
+.requests-menu-security-and-domain {
   width: 14vw;
   min-width: 10em;
 }
 
+.requests-security-state-icon {
+  -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");
+}
+
+.security-state-secure {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https.png");
+}
+
+.security-state-weak {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
+}
+
+.security-state-broken {
+  cursor: pointer;
+  list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
+}
+
 .requests-menu-type {
   text-align: center;
   width: 4em;
@@ -169,6 +199,11 @@ window {
   width: 8em;
 }
 
+.requests-menu-transferred {
+  text-align: center;
+  width: 8em;
+}
+
 /* Network requests table: status codes */
 
 box.requests-menu-status {
@@ -191,6 +226,11 @@ box.requests-menu-status:not([code]) {
   background-color: #A09090; /* dark grey */
 }
 
+box.requests-menu-status[code="cached"] {
+  border: 2px solid #A09090; /* dark grey */
+  background-color: transparent;  
+}
+
 box.requests-menu-status[code^="1"] {
   background-color: #9C9CFF; /* light blue */
 }
@@ -252,16 +292,16 @@ box.requests-menu-status[code^="5"] {
 }
 
 .requests-menu-timings-division[division-scale=millisecond] {
-  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
+  -moz-border-start-color: var(--theme-body-color) !important;
 }
 
 .requests-menu-timings-division[division-scale=second] {
-  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
+  -moz-border-start-color: var(--theme-body-color) !important;
   font-weight: 600;
 }
 
 .requests-menu-timings-division[division-scale=minute] {
-  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
+  -moz-border-start-color: var(--theme-body-color) !important;
   font-weight: 600;
 }
 
@@ -366,7 +406,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);
@@ -384,8 +424,8 @@ box.requests-menu-status[code^="5"] {
 /* Network request details tabpanels */
 
 .tabpanel-content {
-  background-color: #000000;
-  color: #FF9F00;
+  background-color: var(--theme-toolbar-background);
+  color: var(--theme-body-color);
 }
 
 /* Summary tabpanel */
@@ -401,6 +441,7 @@ box.requests-menu-status[code^="5"] {
 }
 
 .tabpanel-summary-value {
+  color: inherit;
   -moz-padding-start: 3px;
 }
 
@@ -434,9 +475,8 @@ box.requests-menu-status[code^="5"] {
 #response-content-info-header {
   margin: 0;
   padding: 3px 8px;
-
-  background-color: #FF0000; /* Red highlight */
-  color: #000000; /* Light foreground text */
+  background-color: var(--theme-highlight-red);
+  color: var(--theme-selection-color);
 }
 
 #response-content-image-box {
@@ -477,6 +517,31 @@ box.requests-menu-status[code^="5"] {
   transition: transform 0.2s ease-out;
 }
 
+/* Security tabpanel */
+
+.security-info-section {
+  -moz-padding-start: 1em;
+}
+
+#security-tabpanel {
+  overflow: auto;
+}
+
+.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 */
 
 #custom-pane {
@@ -500,6 +565,7 @@ box.requests-menu-status[code^="5"] {
 #requests-menu-footer {
   border-top: 1px solid #9C9CFF;
   padding-top: 3px;
+  background-color: var(--theme-toolbar-background);
 }
 
 .requests-menu-footer-button,
@@ -509,8 +575,7 @@ box.requests-menu-status[code^="5"] {
   -moz-margin-end: 3px;
   border: none;
   padding: 0px 1vw;
-
-/*  color: #fff;*/
+/*  color: var(--theme-body-color);*/
 }
 
 .requests-menu-footer-spacer {
@@ -537,6 +602,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 {
@@ -574,8 +661,7 @@ box.requests-menu-status[code^="5"] {
 
 #network-statistics-charts {
   min-height: 1px;
-
-  background: #000000; /* Toolbars */
+  background-color: var(--theme-toolbar-background);
 }
 
 #network-statistics-charts .pie-chart-container {
@@ -589,43 +675,43 @@ box.requests-menu-status[code^="5"] {
 }
 
 .chart-colored-blob[name=html] {
-  fill: #A09090; /* Blue-Grey highlight */
-  background: #A09090;
+  fill: var(--theme-highlight-bluegrey);
+  background: var(--theme-highlight-bluegrey);
 }
 
 .chart-colored-blob[name=css] {
-  fill: #9C9CFF; /* Blue highlight */
-  background: #9C9CFF;
+  fill: var(--theme-highlight-blue);
+  background: var(--theme-highlight-blue);
 }
 
 .chart-colored-blob[name=js] {
-  fill: #FFCF00; /* Light Orange highlight */
-  background: #FFCF00;
+  fill: var(--theme-highlight-lightorange);
+  background: var(--theme-highlight-lightorange);
 }
 
 .chart-colored-blob[name=xhr] {
-  fill: #FF9F00; /* Orange highlight */
-  background: #FF9F00;
+  fill: var(--theme-highlight-orange);
+  background: var(--theme-highlight-orange);
 }
 
 .chart-colored-blob[name=fonts] {
-  fill: #6000CF; /* Purple highlight */
-  background: #6000CF;
+  fill: var(--theme-highlight-darkpurple);
+  background: var(--theme-highlight-darkpurple);
 }
 
 .chart-colored-blob[name=images] {
-  fill: #E7ADE7; /* Pink highlight */
-  background: #E7ADE7;
+  fill: var(--theme-highlight-pink);
+  background: var(--theme-highlight-pink);
 }
 
 .chart-colored-blob[name=media] {
-  fill: #008484; /* Green highlight */
-  background: #008484;
+  fill: var(--theme-highlight-green);
+  background: var(--theme-highlight-green);
 }
 
 .chart-colored-blob[name=flash] {
-  fill: #FF0000; /* Red highlight */
-  background: #FF0000;
+  fill: var(--theme-highlight-red);
+  background: var(--theme-highlight-red);
 }
 
 .table-chart-row-label[name=cached] {
@@ -669,7 +755,7 @@ box.requests-menu-status[code^="5"] {
   }
 
   .requests-menu-icon-and-file,
-  .requests-menu-domain {
+  .requests-menu-security-and-domain {
     width: 30vw;
   }