components-frame.css (1414B)
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 file, 3 * You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /** 6 * Frame Component 7 * Styles for React component at `devtools/client/shared/components/Frame.js` 8 */ 9 10 .theme-light { 11 --frame-link-line-color: var(--theme-link-color); 12 } 13 14 .theme-dark { 15 --frame-link-line-color: hsl(210, 40%, 60%); 16 } 17 18 .stack-trace { 19 display: grid; 20 grid-template-columns: auto auto; 21 justify-content: start; 22 } 23 24 .stack-trace .frame-link-async-cause { 25 grid-column: 1 / -1; 26 } 27 28 .stack-trace .frame-link { 29 display: contents; 30 } 31 32 .frame-link-async-cause { 33 color: var(--theme-comment); 34 } 35 36 .frame-link .frame-link-source { 37 color: var(--theme-internal-link-color); 38 } 39 40 .frame-link a.frame-link-source { 41 cursor: pointer; 42 text-decoration: underline; 43 text-decoration-skip-ink: none; 44 font-style: normal; 45 } 46 47 .frame-link .frame-link-host { 48 margin-inline-start: 5px; 49 font-size: 90%; 50 color: var(--theme-comment); 51 } 52 53 .frame-link .frame-link-function-display-name { 54 margin-inline-end: 5px; 55 color: var(--console-output-color, currentColor); 56 } 57 58 .frame-link .frame-link-line { 59 color: var(--frame-link-line-color); 60 } 61 62 .focused .frame-link .frame-link-source, 63 .focused .frame-link .frame-link-line, 64 .focused .frame-link .frame-link-host { 65 color: var(--theme-selection-color); 66 }