Use css variables for console text and background

LiskHQ · Jun 18, 2018 · 4a68b73 · 4a68b73
1 parent 06c06c7
commit 4a68b73
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/app/variables.css b/src/components/app/variables.css
@@ -107,7 +107,8 @@ or "warn/action" ineastd of "red/green"
   --color-grayscale-light: #ccd9e4;
   --color-grayscale-mobile-background: #f9fbfd;
   --color-grayscale-darker-mobile-background: #eff4f9;
-  --color-signMessage-console: #9bf436;
+  --color-console-text: #9bf436;
+  --color-console-background: #06213b;
   --color-white: #fff;
   --color-error: #da1d00;
   --color-action-dark: #c80039;

diff --git a/src/components/signMessage/confirmMessage.css b/src/components/signMessage/confirmMessage.css
@@ -89,10 +89,10 @@
   background-color: var(--color-form-bg);
 
   & textarea {
-    background: #06213b;
+    background: var(--color-console-background);
     border-radius: 5px;
     overflow: auto;
-    color: var(--color-signMessage-console);
+    color: var(--color-console-text);
     font-family: monospace;
     padding: 12px 24px;
     height: 230px !important;