/* === BEGIN netmonitor.inc.css === */
+:root.theme-dark,
+:root.theme-light {
+ --table-splitter-color: #A09090;
+ --table-zebra-background: rgba(255,159,0,0.1);
+}
+
#requests-menu-empty-notice {
margin: 0;
padding: 12px;
.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),
}
.requests-menu-icon {
- outline: 1px solid #A09090;
+ outline: 1px solid var(--table-splitter-color);
}
.requests-menu-file {
}
.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);
+ cursor: pointer;
}
.security-state-insecure {
- list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
+ list-style-image: url("chrome://browser/skin/identity-mixed-active-loaded.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-icons-https-mixed-display.png");
+ 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/controlcenter/warning-gray.svg");
+}
+
+.security-state-local {
+ list-style-image: url("chrome://browser/skin/identity-not-secure.svg");
}
.requests-menu-type {
}
box.requests-menu-status:not([code]) {
- background-color: #A09090; /* dark grey */
+ background-color: var(--theme-highlight-red);
+ border-radius: 0; /* squares */
+}
+
+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 */
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);
}
/* 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;
}
}
.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 */
-moz-image-region: rect(0px,32px,16px,16px);
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.1dppx) {
#details-pane-toggle {
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
-moz-image-region: rect(0px,32px,32px,0px);
/* 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 {
}
.tabpanel-summary-value {
+ color: inherit;
-moz-padding-start: 3px;
}
overflow: auto;
}
-#security-error-message {
- white-space: pre-wrap;
-}
-
.security-warning-icon {
background-image: url("alerticon-warning.png");
background-size: 13px 12px;
height: 12px;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.1dppx) {
.security-warning-icon {
background-image: url("alerticon-warning@2x.png");
}
/* 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,
.requests-menu-footer-button {
}
-.requests-menu-footer-button:hover {
-}
-
.requests-menu-footer-button:hover:active {
}
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 {
#network-statistics-charts {
min-height: 1px;
- background-color: var(--theme-toolbar-background);
+ background-color: var(--theme-sidebar-background);
}
#network-statistics-charts .pie-chart-container {