Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added new color-expand-collapse-toggle CSS var

Browse Source
This commit is contained in:
Brian Vaughn
2019-04-10 11:03:32 -07:00
parent 3e19b164b5
commit f0fb1805fe
4 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/devtools/views/Components/Element.css
-2
View File
@@ -8,8 +8,6 @@
align-items: center;
cursor: default;
user-select: none;
--color-expand-collapse-toggle: var(--color-dim);
}
.Element:hover {
background-color: var(--color-hover-background);
src/devtools/views/Components/KeyValue.css
-1
View File
@@ -1,6 +1,5 @@
.Item {
display: flex;
--color-expand-collapse-toggle: var(--color-dim);
}
.Name {
src/devtools/views/Settings/SettingsContext.js
+1
View File
@@ -222,6 +222,7 @@ function updateThemeVariables(
updateStyleHelper(theme, 'color-dim', documentElements);
updateStyleHelper(theme, 'color-dimmer', documentElements);
updateStyleHelper(theme, 'color-dimmest', documentElements);
updateStyleHelper(theme, 'color-expand-collapse-toggle', documentElements);
updateStyleHelper(theme, 'color-hover-background', documentElements);
updateStyleHelper(theme, 'color-inactive-background', documentElements);
updateStyleHelper(theme, 'color-jsx-arrow-brackets', documentElements);
src/devtools/views/root.css
+2
View File
@@ -33,6 +33,7 @@
--light-color-dim: #777d88;
--light-color-dimmer: #cfd1d5;
--light-color-dimmest: #eff0f1;
--light-color-expand-collapse-toggle: #777d88;
--light-color-hover-background: #ebf1fb;
--light-color-inactive-background: #f1f1f1;
--light-color-jsx-arrow-brackets: #333333;
@@ -78,6 +79,7 @@
--dark-color-dim: #8f949d;
--dark-color-dimmer: #777d88;
--dark-color-dimmest: #4f5766;
--dark-color-expand-collapse-toggle: #8f949d;
--dark-color-hover-background: #3d424a;
--dark-color-inactive-background: #3d424a;
--dark-color-jsx-arrow-brackets: #777d88;