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
cjcenizal · Aug 8, 2017 · b5e13ff · b5e13ff
1 parent 542d553
commit b5e13ff
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;