From fe998b89180be960a2e0b10282ba9010653ac28f Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Tue, 13 Feb 2018 12:51:41 -0500
Subject: [PATCH] Using tintOrShade for subStep background color (#396)

---
 CHANGELOG.md                         | 1 +
 src/components/steps/_sub_steps.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91f39e66b99..dafc72db60a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
 **Bug fixes**
 
 - Wrap long lines of text within the body of `EuiToast` instead of letting text overflow ([#392](https://github.com/elastic/eui/pull/392))
+- Fix dark theme coloring of Substeps ([#396](https://github.com/elastic/eui/pull/396))
 
 # [`0.0.20`](https://github.com/elastic/eui/tree/v0.0.20)
 
diff --git a/src/components/steps/_sub_steps.scss b/src/components/steps/_sub_steps.scss
index 7feec9bb699..5b143fbdad1 100644
--- a/src/components/steps/_sub_steps.scss
+++ b/src/components/steps/_sub_steps.scss
@@ -1,6 +1,6 @@
 .euiSubSteps {
   padding: $euiSize;
-  background-color: tint($euiColorPrimary, 93%);
+  background-color: tintOrShade(tint($euiColorPrimary, 55%), 83%, 78%);
   margin-bottom: $euiSize;
 
   > *:last-child {