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/. */
7 * Styles for React component at `devtools/client/shared/components/Frame.js`
11 --frame-link-line-color: var
(--theme-link-color
);
12 --frame-link-source: var
(--theme-highlight-purple
);
16 --frame-link-line-color: hsl
(210, 40%, 60%);
17 --frame-link-source: var
(--blue-40
);
22 grid-template-columns: auto auto
;
23 justify-content: start
;
26 .stack-trace .frame-link-async-cause {
30 .stack-trace .frame-link {
34 .frame-link-async-cause {
35 color: var
(--theme-comment
);
38 .frame-link .frame-link-source {
39 color: var
(--frame-link-source
);
42 .frame-link a.frame-link-source {
44 text-decoration: underline
;
45 text-decoration-skip-ink: none
;
49 .frame-link .frame-link-host {
50 margin-inline-start: 5px;
52 color: var
(--theme-comment
);
55 .frame-link .frame-link-function-display-name {
56 margin-inline-end: 5px;
57 color: var
(--console-output-color
, currentColor
);
60 .frame-link .frame-link-line {
61 color: var
(--frame-link-line-color
);
64 .focused
.frame-link
.frame-link-source
,
65 .focused
.frame-link
.frame-link-line
,
66 .focused .frame-link .frame-link-host {
67 color: var
(--theme-selection-color
);