diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /devtools/client/themes/components-frame.css | |
parent | Initial commit. (diff) | |
download | firefox-esr-37a0381f8351b370577b65028ba1f6563ae23fdf.tar.xz firefox-esr-37a0381f8351b370577b65028ba1f6563ae23fdf.zip |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/themes/components-frame.css')
-rw-r--r-- | devtools/client/themes/components-frame.css | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/devtools/client/themes/components-frame.css b/devtools/client/themes/components-frame.css new file mode 100644 index 0000000000..54e1addb1e --- /dev/null +++ b/devtools/client/themes/components-frame.css @@ -0,0 +1,68 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * Frame Component + * Styles for React component at `devtools/client/shared/components/Frame.js` + */ + +.theme-light { + --frame-link-line-color: var(--theme-highlight-blue); + --frame-link-source: var(--theme-highlight-purple); +} + +.theme-dark { + --frame-link-line-color: hsl(210, 40%, 60%); + --frame-link-source: var(--blue-40); +} + +.stack-trace { + display: grid; + grid-template-columns: auto auto; + justify-content: start; +} + +.stack-trace .frame-link-async-cause { + grid-column: 1 / -1; +} + +.stack-trace .frame-link { + display: contents; +} + +.frame-link-async-cause { + color: var(--theme-comment); +} + +.frame-link .frame-link-source { + color: var(--frame-link-source); +} + +.frame-link a.frame-link-source { + cursor: pointer; + text-decoration: underline; + text-decoration-skip-ink: none; + font-style: normal; +} + +.frame-link .frame-link-host { + margin-inline-start: 5px; + font-size: 90%; + color: var(--theme-comment); +} + +.frame-link .frame-link-function-display-name { + margin-inline-end: 5px; + color: var(--console-output-color, currentColor); +} + +.frame-link .frame-link-line { + color: var(--frame-link-line-color); +} + +.focused .frame-link .frame-link-source, +.focused .frame-link .frame-link-line, +.focused .frame-link .frame-link-host { + color: var(--theme-selection-color); +} |