mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 20:39:31 +08:00
Tim van der Lippe
25a6adb9c1
This reverts commitf746fe4a57. Reason for revert: fix the missing script_args variable. Original change's description: > Revert "Fix all issues found by StyleLint 14" > > This reverts commitfb8852321b. > > Reason for revert: breaks the presubmit. Since the tree is closed, > a fix forward is not landing soon. Therefore, let's pre-emptively revert. > > Original change's description: > > Fix all issues found by StyleLint 14 > > > > These are mostly auto-fixed by Stylelint 14 with a couple of manual > > fixes (adding quotes around urls and fixing some shorthand properties). > > > > A follow-up CL will update us to Stylelint 14, at which point they will > > be enforced. > > > > R=szuend@chromium.org > > > > Bug: none > > Change-Id: Ia813854accd1eb86eccea64a5fbf1f8534563964 > > Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3259540 > > Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> > > Commit-Queue: Simon Zünd <szuend@chromium.org> > > Reviewed-by: Simon Zünd <szuend@chromium.org> > > Bug: none > Change-Id: I155ef7e0633cba15b47439a37a71158b6dcb8f91 > No-Presubmit: true > No-Tree-Checks: true > No-Try: true > Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3259702 > Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> > Commit-Queue: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com> > Bot-Commit: Rubber Stamper <rubber-stamper@appspot.gserviceaccount.com> Bug: none Change-Id: I81b402e4a30981cb1a0360053b3553cd1934cbe6 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3259703 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Simon Zünd <szuend@chromium.org>
69 lines
1.9 KiB
CSS
69 lines
1.9 KiB
CSS
/*
|
|
* Copyright 2021 The Chromium Authors. All rights reserved.
|
|
* Use of this source code is governed by a BSD-style license that can be
|
|
* found in the LICENSE file.
|
|
*/
|
|
|
|
.tree-outline {
|
|
/**
|
|
* These variables (and the dark mode variants) are duplicated from
|
|
* navigatorTree.css. They will be de-duped and tidied up as part of
|
|
* crbug.com/1210894
|
|
*/
|
|
--override-script-snippet-tree-item-color: hsl(48deg 70% 50%);
|
|
--override-stylesheet-tree-item-color: hsl(256deg 50% 50%);
|
|
--override-image-font-tree-item-color: hsl(109deg 33% 50%);
|
|
}
|
|
|
|
.-theme-with-dark-background .tree-outline,
|
|
:host-context(.-theme-with-dark-background) .tree-outline {
|
|
--override-script-snippet-tree-item-color: rgb(217 181 38);
|
|
--override-stylesheet-tree-item-color: rgb(98 64 191);
|
|
--override-image-font-tree-item-color: rgb(101 170 85);
|
|
}
|
|
|
|
li .icon {
|
|
margin: -3px -5px;
|
|
background: var(--color-background-elevation-2);
|
|
}
|
|
|
|
.tree-outline li {
|
|
min-height: 20px;
|
|
}
|
|
|
|
.tree-outline li:hover:not(.selected) .selection {
|
|
display: block;
|
|
background-color: var(--item-hover-color);
|
|
}
|
|
|
|
.navigator-sm-script-tree-item .icon,
|
|
.navigator-script-tree-item .icon,
|
|
.navigator-snippet-tree-item .icon {
|
|
background: var(--override-script-snippet-tree-item-color);
|
|
}
|
|
|
|
.navigator-sm-stylesheet-tree-item .icon,
|
|
.navigator-stylesheet-tree-item .icon {
|
|
background: var(--override-stylesheet-tree-item-color);
|
|
}
|
|
|
|
.navigator-image-tree-item .icon,
|
|
.navigator-font-tree-item .icon {
|
|
background: var(--override-image-font-tree-item-color);
|
|
}
|
|
|
|
@media (forced-colors: active) {
|
|
li .icon,
|
|
.navigator-sm-script-tree-item .icon,
|
|
.navigator-script-tree-item .icon,
|
|
.navigator-snippet-tree-item .icon,
|
|
.navigator-sm-stylesheet-tree-item .icon,
|
|
.navigator-stylesheet-tree-item .icon,
|
|
.navigator-image-tree-item .icon,
|
|
.navigator-font-tree-item .icon {
|
|
background-color: ButtonText;
|
|
background-image: none;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|