Tweaked owners breadcrumb style to batter match tree colors
Brian Vaughn committed
Feb 8, 2019 at 15:49 UTC
872d0f78d4b5fcd72662e1efc38c7f0ed44d744a
2 files changed
+9
-5
src/devtools/views/Element.css
+2
-2
@@ -22,8 +22,8 @@
22
--color-tree-jsx-arrow-brackets: var(
23
--color-tree-jsx-arrow-brackets-inverted
24
);
25
- --color-attribute-name: #b3e5fc;
26
- --color-attribute-value: #fff;
25
+ --color-attribute-name: var(--color-tree-node-hover);
26
+ --color-attribute-value: var(--color-component-name-inverted);
27
}
28
29
.DollarR {
src/devtools/views/OwnersStack.css
+7
-3
@@ -31,16 +31,20 @@
31
font-family: var(--font-family-monospace);
32
font-size: var(--font-size-normal);
33
white-space: nowrap;
34
+ border-radius: 0.125rem;
35
}
36
37
.Component {
38
cursor: pointer;
39
color: var(--color-component-name);
39
- background: var(--color-dimmest);
40
- border-radius: 0.125rem;
40
}
41
.Component:hover {
43
- background: var(--color-dimmer);
42
+ background-color: var(--color-tree-node-hover);
43
+}
44
+
45
+.FocusedComponent {
46
+ background-color: var(--color-tree-node-selected);
47
+ color: var(--color-component-name-inverted);
48
}
49
50
.VRule {