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

…lastic#13399) * Fix dark theme issues with spy toggle and spy pane * Port dark theme portion of styling kuiIcon into uiFramework library
Bargs · Aug 9, 2017 · 9a40ec7 · 9a40ec7
1 parent 1ba2c3f
commit 9a40ec7
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
@@ -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
@@ -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
@@ -672,6 +672,9 @@ main {
   opacity: 0.35; }
   .kuiCollapseButton:hover {
     opacity: 1; }
+  .theme-dark .kuiCollapseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 .kuiColorPicker {
   cursor: pointer; }
@@ -1816,6 +1819,9 @@ main {
   .theme-dark .kuiLocalDropdownCloseButton {
     color: #cecece !important;
     /* 1 */ }
+  .theme-dark .kuiLocalDropdownCloseButton {
+    color: #cecece !important;
+    /* 1 */ }
 
 .kuiLocalDropdownPanels {
   display: -webkit-box;