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

…lastic#13398) * Fix dark theme issues with spy toggle and spy pane * Port dark theme portion of styling kuiIcon into uiFramework library
Bargs · Aug 9, 2017 · e8d1169 · e8d1169
1 parent 252024d
commit e8d1169
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
@@ -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;