Fix dark theme issues with spy toggle and spy pane (elastic#13345)

* Fix dark theme issues with spy toggle and spy pane * Port dark theme portion of styling kuiIcon into uiFramework library
stacey-gammon · Oct 12, 2017 · c7cbb62 · c7cbb62
1 parent bab251f
commit c7cbb62
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/src/ui/public/styles/dark-theme.less b/src/ui/public/styles/dark-theme.less
@@ -256,6 +256,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
@@ -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
@@ -630,6 +630,9 @@ body {
   opacity: 0.35; }
   .kuiCollapseButton:hover {
     opacity: 1; }
+  .theme-dark .kuiCollapseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 /**
  * 1. If we use margins instead, columns get pushed to the next line.
@@ -1585,6 +1588,9 @@ body {
   .theme-dark .kuiLocalDropdownCloseButton {
     color: #cecece !important;
     /* 1 */ }
+  .theme-dark .kuiLocalDropdownCloseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 .kuiLocalDropdownPanels {
   display: -webkit-box;