Added new color-expand-collapse-toggle CSS var
Brian Vaughn committed
Apr 10, 2019 at 11:03 UTC
f0fb1805fe85422e517cecc6b811b366c3f1486b
4 files changed
+3
-3
src/devtools/views/Components/Element.css
-2
@@ -8,8 +8,6 @@
8
align-items: center;
9
cursor: default;
10
user-select: none;
11
-
12
- --color-expand-collapse-toggle: var(--color-dim);
11
}
12
.Element:hover {
13
background-color: var(--color-hover-background);
src/devtools/views/Components/KeyValue.css
-1
@@ -1,6 +1,5 @@
1
.Item {
2
display: flex;
3
- --color-expand-collapse-toggle: var(--color-dim);
3
}
4
5
.Name {
src/devtools/views/Settings/SettingsContext.js
+1
@@ -222,6 +222,7 @@ function updateThemeVariables(
222
updateStyleHelper(theme, 'color-dim', documentElements);
223
updateStyleHelper(theme, 'color-dimmer', documentElements);
224
updateStyleHelper(theme, 'color-dimmest', documentElements);
225
+ updateStyleHelper(theme, 'color-expand-collapse-toggle', documentElements);
226
updateStyleHelper(theme, 'color-hover-background', documentElements);
227
updateStyleHelper(theme, 'color-inactive-background', documentElements);
228
updateStyleHelper(theme, 'color-jsx-arrow-brackets', documentElements);
src/devtools/views/root.css
+2
@@ -33,6 +33,7 @@
33
--light-color-dim: #777d88;
34
--light-color-dimmer: #cfd1d5;
35
--light-color-dimmest: #eff0f1;
36
+ --light-color-expand-collapse-toggle: #777d88;
37
--light-color-hover-background: #ebf1fb;
38
--light-color-inactive-background: #f1f1f1;
39
--light-color-jsx-arrow-brackets: #333333;
@@ -78,6 +79,7 @@
79
--dark-color-dim: #8f949d;
80
--dark-color-dimmer: #777d88;
81
--dark-color-dimmest: #4f5766;
82
+ --dark-color-expand-collapse-toggle: #8f949d;
83
--dark-color-hover-background: #3d424a;
84
--dark-color-inactive-background: #3d424a;
85
--dark-color-jsx-arrow-brackets: #777d88;