From cde7d97fd4e5d2b44ae22ed971d751b7d38ebf4d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean.yesmunt@gmail.com>
Date: Mon, 23 Apr 2018 20:24:31 -0400
Subject: [PATCH] fix: text selection color

---
 src/renderer/scss/_gui.scss              | 2 +-
 src/renderer/scss/_vars.scss             | 3 ++-
 src/renderer/scss/component/_button.scss | 8 ++------
 static/themes/dark.css                   | 2 +-
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss
index e34073a7e..10793ccf7 100644
--- a/src/renderer/scss/_gui.scss
+++ b/src/renderer/scss/_gui.scss
@@ -247,7 +247,7 @@ p {
 
 /* Custom text selection */
 *::selection {
-  background: var(--text-selection-bg);
+  background: var(--color-primary-light);
   color: var(--text-selection-color);
 }
 
diff --git a/src/renderer/scss/_vars.scss b/src/renderer/scss/_vars.scss
index 5e1689db7..149242b63 100644
--- a/src/renderer/scss/_vars.scss
+++ b/src/renderer/scss/_vars.scss
@@ -34,6 +34,7 @@ $large-breakpoint: 1760px;
   --color-green: #399483;
   --color-green-light: #effbe4;
   --color-green-blue: #2ec1a8;
+  --color-purple: #8165b0;
 
   /* Colors */
   --color-divider: #e3e3e3;
@@ -57,7 +58,7 @@ $large-breakpoint: 1760px;
   --text-help-color: var(--color-help);
   --text-max-width: 660px;
   --text-link-padding: 4px;
-  --text-selection-bg: rgba(saturate(lighten(#155b4a, 20%), 20%), 1); // temp color
+  --text-selection-bg: var(--color-purple);
   --text-selection-color: #fff;
 
   /* Form */
diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss
index 6bc446ceb..4c510068d 100644
--- a/src/renderer/scss/component/_button.scss
+++ b/src/renderer/scss/component/_button.scss
@@ -169,15 +169,11 @@ button:disabled {
 
 .btn.btn--header-balance {
   font-family: 'metropolis-medium';
-  font-size: 13px;
+  font-size: 14px;
   color: var(--header-primary-color);
 
-  @media only screen and (min-width: $medium-breakpoint) {
-    font-size: 18px;
-  }
-
   @media only screen and (min-width: $large-breakpoint) {
-    font-size: 21px;
+    font-size: 18px;
   }
 
   .btn__label--balance {
diff --git a/static/themes/dark.css b/static/themes/dark.css
index 00185a9df..b957bb395 100644
--- a/static/themes/dark.css
+++ b/static/themes/dark.css
@@ -48,7 +48,7 @@
   --header-active-color: rgba(0, 0, 0, 0.85);
   --header-button-bg: transparent;
   --header-button-hover-bg: rgba(100, 100, 100, 0.15);
-  --header-primary-color: #8165B0;
+  --header-primary-color: var(--color-purple);
 
   /* Header */
   --header-color: #CCC;