From d8f71eba6d84a534b0ef784a98d0b8b3610eebaa Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Sun, 20 Aug 2017 11:07:26 -0600
Subject: [PATCH] minor fix for dark theme

---
 ui/dist/themes/dark.css            | 12 ++++++++++--
 ui/scss/component/_form-field.scss | 10 +++++++---
 ui/scss/component/_header.scss     |  1 +
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/ui/dist/themes/dark.css b/ui/dist/themes/dark.css
index e83cab517..088d667fc 100644
--- a/ui/dist/themes/dark.css
+++ b/ui/dist/themes/dark.css
@@ -16,18 +16,26 @@
 
     /* Input */
     --input-bg: transparent;
-    --input-active-bg: rgba(0,0,0, 0.65);
+    --input-active-bg: rgba(0,0,0, 0.5);
     --input-border-color: rgba(255,255,255, 0.25);
 
     /* Search */
     --search-bg: rgba(0,0,0, 0.45);
+    --search-color: #757575;
     --search-active-bg: rgba(0,0,0, 0.75);
-    --search-border: 1px solid rgba(0,0,0, 0.5);
+    --search-border: 1px solid rgba(0,0,0, 0.25);
 
     /* Select */
     --select-bg: var(--color-bg-alt);
+    --tab-color: #757575;
+    --tab-active-color: #CCC;
 
     /* Header */
     --header-color: #EEE;
     --header-active-color: #FFF;
+
+    /* Table */
+    --table-border: 0;
+    --table-item-even: var(--color-bg-alt);
+    --table-item-odd: transparent;
 }
diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss
index 8e2547c54..7fc276ddd 100644
--- a/ui/scss/component/_form-field.scss
+++ b/ui/scss/component/_form-field.scss
@@ -21,7 +21,9 @@
 }
 
 input[type="text"].input-copyable {
-  border: 1px solid var(--input-border-color);
+  background: var(--input-bg);
+  border-bottom: var(--input-border-size) solid var(--input-border-color);
+  color: var(--input-color);
   line-height: 1;
   padding-top: $spacing-vertical * 1/3;
   padding-bottom: $spacing-vertical * 1/3;
@@ -29,7 +31,7 @@ input[type="text"].input-copyable {
   padding-left: 5px;
   padding-right: 5px;
   width: 100%;
-  &:focus { border-color: black; }
+  &:focus { border-color: var(--color-primary); }
 }
 
 .form-field {
@@ -72,7 +74,7 @@ input[type="text"].input-copyable {
     background: var(--input-bg);
     color: var(--input-color);
     &[readonly] {
-      background-color: #bbb;
+      background-color: var(--input-bg);
     }
   }
 
@@ -107,6 +109,7 @@ input[type="text"].input-copyable {
   input[type="search"]:focus,
   input[type="date"]:focus {
     border-color: var(--color-primary);
+    background: var(--input-active-bg);
   }
 
   textarea {
@@ -119,6 +122,7 @@ input[type="text"].input-copyable {
 }
 
 .form-field__label {
+  color: var(--color-help);
   &[for] {  cursor: pointer; }
   > input[type="checkbox"], input[type="radio"] {
     margin-right: 6px;
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index f27cb4e00..e26c2aa9f 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -68,6 +68,7 @@ nav.sub-header
     padding: 0 5px;
     line-height:calc(var(--header-height) - $spacing-vertical - var(--tab-border-size));
     color: var(--tab-color);
+
     &:first-child
     {
       margin-left: 0;