Add dark-theme version of the Share UI.

elastic · Nov 2, 2016 · 15178bf · 15178bf
1 parent 4a38a3f
commit 15178bf
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/ui/public/share/styles/index.less b/src/ui/public/share/styles/index.less
@@ -20,6 +20,11 @@
     padding-bottom: 4px;
     font-size: 18px;
     color: #000000;
+
+    // Dark theme.
+    .theme-dark & {
+      color: #cecece;
+    }
   }
 
 .share-panel-section {
@@ -37,6 +42,11 @@
     font-size: 14px;
     font-weight: 700;
     color: #000000;
+
+    // Dark theme.
+    .theme-dark & {
+      color: #cecece;
+    }
   }
 
   .share-panel-header__actions {
@@ -57,17 +67,31 @@
   margin-bottom: 6px;
   border: 0;
   border-radius: 4px;
+
+  .theme-dark & {
+    background-color: #444444;
+  }
 }
 
 .share-panel-form-note {
   font-size: 14px;
   color: #5A5A5A;
+
+  // Dark theme.
+  .theme-dark & {
+    color: #8e8e8e;
+  }
 }
 
 .share-panel-help-text {
   margin-bottom: 16px;
   font-size: 14px;
   color: #2D2D2D;
+
+  // Dark theme.
+  .theme-dark & {
+    color: #9e9e9e;
+  }
 }
 
 .share-panel-warning {
@@ -76,4 +100,10 @@
   font-size: 14px;
   color: #2D2D2D;
   background-color: #e4e4e4;
+
+  // Dark theme.
+  .theme-dark & {
+    color: #9e9e9e;
+    background-color: #404040;
+  }
 }