variables.css (2999B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 :root { 6 --primary-toolbar-height: 29px; 7 /* HTTP status codes */ 8 --status-code-color-1xx: var(--theme-highlight-blue); 9 --status-code-color-2xx: var(--theme-highlight-green); 10 --status-code-color-4xx: var(--theme-highlight-pink); 11 --status-code-color-5xx: var(--theme-highlight-red); 12 --status-code-color-redirect-or-cache: transparent; 13 14 /* Colors for timing markers */ 15 --timing-marker-color-opacity: 0.75; 16 /* prettier-ignore */ 17 --timing-marker-dom-content-loaded-color: 18 rgb( 19 from var(--theme-highlight-blue) r g b / 20 var(--timing-marker-color-opacity) 21 ); 22 --timing-marker-load-color: rgb(from var(--theme-highlight-red) r g b / var(--timing-marker-color-opacity)); 23 24 --table-splitter-color: light-dark(var(--grey-20), var(--grey-70)); 25 --table-zebra-inline-icons-background: light-dark(rgba(247, 247, 247), rgb(49, 47, 47)); 26 --table-selection-background-hover: light-dark(rgba(209, 232, 255, 0.8), rgba(53, 59, 72, 1)); 27 --table-selection-inline-icons-background-hover: light-dark(rgba(209, 232, 255), rgba(53, 59, 72, 1)); 28 29 --timing-blocked-color: light-dark(var(--red-70), var(--red-20)); 30 --timing-dns-color: rgba(223, 128, 255, 0.8); /* pink */ 31 --timing-ssl-color: rgba(217, 102, 41, 0.8); /* orange */ 32 --timing-connect-color: rgba(217, 102, 41, 0.8); /* orange */ 33 /* prettier-ignore */ 34 --timing-send-color: light-dark( 35 rgba(0, 136, 204, 0.8), /* blue */ 36 rgba(70, 175, 227, 0.8) /* light blue */ 37 ); 38 --timing-wait-color: light-dark(rgba(95, 136, 176, 0.8), rgba(94, 136, 176, 0.8)); /* blue grey */ 39 --timing-receive-color: light-dark(rgba(44, 187, 15, 0.8), rgba(112, 191, 83, 0.8)); /* green */ 40 41 --timing-server-color-1: light-dark(rgba(104, 195, 179, 0.8), rgba(74, 228, 201, 0.8)); /* teal */ 42 --timing-server-color-2: light-dark(rgba(123, 102, 167, 0.8), rgba(156, 119, 233, 0.8)); /* purple */ 43 --timing-server-color-3: light-dark(rgba(233, 236, 130, 0.8), rgba(234, 239, 73, 0.8)); /* yellow */ 44 --timing-server-color-total: light-dark(rgba(186, 90, 140, 0.8), rgba(186, 74, 133, 0.8)); /* pink */ 45 46 &[forced-colors-active] { 47 --timing-marker-color-opacity: 1; 48 49 --timing-blocked-color: var(--theme-highlight-red); 50 --timing-dns-color: var(--theme-highlight-purple); 51 --timing-ssl-color: var(--theme-highlight-orange); 52 --timing-connect-color: var(--theme-highlight-orange); 53 --timing-send-color: var(--theme-highlight-blue); 54 --timing-wait-color: var(--theme-highlight-gray); 55 --timing-receive-color: var(--theme-highlight-green); 56 57 --timing-server-color-1: var(--theme-highlight-green); 58 --timing-server-color-2: var(--theme-highlight-purple); 59 --timing-server-color-3: var(--theme-highlight-yellow); 60 --timing-server-color-total: var(--theme-highlight-pink); 61 } 62 }