fix: text selection color

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);
 }
 

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 */

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 {

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;