From f0fb1805fe85422e517cecc6b811b366c3f1486b Mon Sep 17 00:00:00 2001
From: Brian Vaughn <bvaughn@fb.com>
Date: Wed, 10 Apr 2019 11:03:32 -0700
Subject: [PATCH] Added new color-expand-collapse-toggle CSS var

---
 src/devtools/views/Components/Element.css      | 2 --
 src/devtools/views/Components/KeyValue.css     | 1 -
 src/devtools/views/Settings/SettingsContext.js | 1 +
 src/devtools/views/root.css                    | 2 ++
 4 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/devtools/views/Components/Element.css b/src/devtools/views/Components/Element.css
index b138fda32a..3353ede02a 100644
--- a/src/devtools/views/Components/Element.css
+++ b/src/devtools/views/Components/Element.css
@@ -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);
diff --git a/src/devtools/views/Components/KeyValue.css b/src/devtools/views/Components/KeyValue.css
index bb3363c888..6e01c7153c 100644
--- a/src/devtools/views/Components/KeyValue.css
+++ b/src/devtools/views/Components/KeyValue.css
@@ -1,6 +1,5 @@
 .Item {
   display: flex;
-  --color-expand-collapse-toggle: var(--color-dim);
 }
 
 .Name {
diff --git a/src/devtools/views/Settings/SettingsContext.js b/src/devtools/views/Settings/SettingsContext.js
index 44244f38df..1d0555c388 100644
--- a/src/devtools/views/Settings/SettingsContext.js
+++ b/src/devtools/views/Settings/SettingsContext.js
@@ -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);
diff --git a/src/devtools/views/root.css b/src/devtools/views/root.css
index 47541ff67a..a68c3ffc85 100644
--- a/src/devtools/views/root.css
+++ b/src/devtools/views/root.css
@@ -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;