From e2987fb2d8ec12f435b975048ec007295dc271db Mon Sep 17 00:00:00 2001
From: lvuch <laurenvuchetich@gmail.com>
Date: Fri, 2 Feb 2018 14:29:10 -0700
Subject: [PATCH] dark theme

---
 app/styles/components/_code.scss                          | 2 +-
 app/styles/components/_dropdown.scss                      | 2 +-
 app/styles/themes/_dark.scss                              | 2 +-
 .../addon/components/modal-edit-apikey/template.hbs       | 8 ++++----
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/styles/components/_code.scss b/app/styles/components/_code.scss
index ce6ae7741..3c86b15ea 100644
--- a/app/styles/components/_code.scss
+++ b/app/styles/components/_code.scss
@@ -1,6 +1,6 @@
 // Code
 $code-color                          : mix($warning, $error, 20%) !default;
-$code-bg                             : #fcf2e9 !default;
+$code-bg                             : $text-color !default;
 
 $pre-bg                              : #f5f5f5 !default;
 $pre-color                           : $dark-grey !default;
diff --git a/app/styles/components/_dropdown.scss b/app/styles/components/_dropdown.scss
index cddf99dd2..dac641097 100644
--- a/app/styles/components/_dropdown.scss
+++ b/app/styles/components/_dropdown.scss
@@ -2,7 +2,7 @@ $dropdown-bg                         : $body-bg !default;
 
 $dropdown-border                     : $light-grey !default;
 $dropdown-fallback-border            : transparent !default;
-$dropdown-divider-bg                 : $light-grey !default;
+$dropdown-divider-bg                 : $border !default;
 
 $dropdown-link-color                 : $link-color !default;
 $dropdown-link-hover-color           : $body-bg !default;
diff --git a/app/styles/themes/_dark.scss b/app/styles/themes/_dark.scss
index c1bc1c333..c02b4fde4 100644
--- a/app/styles/themes/_dark.scss
+++ b/app/styles/themes/_dark.scss
@@ -119,7 +119,7 @@ $dropdown-border                     : transparent;
 //** Dropdown menu `border-color` **for IE8**.
 $dropdown-fallback-border            : transparent;
 //** Divider color for between dropdown items.
-$dropdown-divider-bg                 : rgba($black,.55);
+$dropdown-divider-bg                 : darken($border, 10);
 
 //** Dropdown link text color.
 $dropdown-link-color                 : white;
diff --git a/lib/shared/addon/components/modal-edit-apikey/template.hbs b/lib/shared/addon/components/modal-edit-apikey/template.hbs
index 17a19d3b2..398026c48 100644
--- a/lib/shared/addon/components/modal-edit-apikey/template.hbs
+++ b/lib/shared/addon/components/modal-edit-apikey/template.hbs
@@ -5,14 +5,14 @@
 
     <div class="input-group">
       <span class="input-group-addon bg-default">{{t 'apiPage.currentEndpoint'}}</span>
-      <code class="form-control"><a href="{{linkEndpoint}}" target="_blank" rel="nofollow noreferer">{{displayEndpoint}}</a></code>
-      <span class="input-group-addon bg-default">{{copy-to-clipboard clipboardText=linkEndpoint}}</span>
+      <div class="bg-body form-control"><code class="ml-20"><a href="{{linkEndpoint}}" target="_blank" rel="nofollow noreferer">{{displayEndpoint}}</a></code></div>
+      <span class="input-group-addon bg-link text-white">{{copy-to-clipboard clipboardText=linkEndpoint}}</span>
     </div>
 
     <div class="input-group mt-10">
       <span class="input-group-addon bg-default">{{t 'editApiKey.token.label'}}</span>
-      <code class="form-control">{{clone.token}}</code>
-      <span class="input-group-addon bg-default">{{copy-to-clipboard clipboardText=clone.token}}</span>
+      <div class="bg-body form-control"><code class="ml-20">{{clone.token}}</code></div>
+      <span class="input-group-addon bg-link text-white">{{copy-to-clipboard clipboardText=clone.token}}</span>
     </div>
 
     <div class="banner bg-warning">