summaryrefslogtreecommitdiffstats
path: root/devtools/client/themes/components-frame.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:47:29 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:47:29 +0000
commit0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch)
treea31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /devtools/client/themes/components-frame.css
parentInitial commit. (diff)
downloadfirefox-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.css68
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);
+}