From b5e13ff1d0968f514f885338f0cd052b43c5af95 Mon Sep 17 00:00:00 2001
From: Stacey Gammon <gammon@elastic.co>
Date: Tue, 8 Aug 2017 15:21:00 -0400
Subject: [PATCH] Fix dark theme issues with spy toggle and spy pane (#13345)

* Fix dark theme issues with spy toggle and spy pane

* Port dark theme portion of styling kuiIcon into uiFramework library
---
 src/ui/public/styles/dark-theme.less | 4 ++++
 ui_framework/components/_mixins.scss | 4 ++++
 ui_framework/dist/ui_framework.css   | 6 ++++++
 3 files changed, 14 insertions(+)

diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
index 335f50392460e2..6464a324f5e368 100644
--- a/src/ui/public/styles/dark-theme.less
+++ b/src/ui/public/styles/dark-theme.less
@@ -268,6 +268,10 @@
     border-top-color: @visualize-show-spy-border;
   }
 
+  visualize-spy {
+    background-color: @visualize-spy-container-pre-bg;
+  }
+
   .visualize-spy-container {
     pre {
       border-color: @visualize-show-spy-border;
diff --git a/ui_framework/components/_mixins.scss b/ui_framework/components/_mixins.scss
index 97f1460158f899..5bceffc0d68a84 100644
--- a/ui_framework/components/_mixins.scss
+++ b/ui_framework/components/_mixins.scss
@@ -48,6 +48,10 @@
   &:hover {
     opacity: 1;
   }
+
+  @include darkTheme {
+    color: $globalTextColor--darkTheme !important; /* 1 */
+  }
 }
 
 /**
diff --git a/ui_framework/dist/ui_framework.css b/ui_framework/dist/ui_framework.css
index 38446fb5570a4d..e737e887551154 100644
--- a/ui_framework/dist/ui_framework.css
+++ b/ui_framework/dist/ui_framework.css
@@ -680,6 +680,9 @@ main {
   opacity: 0.35; }
   .kuiCollapseButton:hover {
     opacity: 1; }
+  .theme-dark .kuiCollapseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 .kuiColorPicker {
   cursor: pointer; }
@@ -1824,6 +1827,9 @@ main {
   .theme-dark .kuiLocalDropdownCloseButton {
     color: #cecece !important;
     /* 1 */ }
+  .theme-dark .kuiLocalDropdownCloseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 .kuiLocalDropdownPanels {
   display: -webkit-box;