eth_sign warning color

2 files changed, 18 insertions, 3 deletions

diff --git a/ui/app/components/signature-request.js b/ui/app/components/signature-request.js
index a0ecbe8ec..e617fdbd6 100644
--- a/ui/app/components/signature-request.js
+++ b/ui/app/components/signature-request.js
@@ -4,6 +4,8 @@ const inherits = require('util').inherits
 const Identicon = require('./identicon')
 const connect = require('react-redux').connect
 const ethUtil = require('ethereumjs-util')
+const classnames = require('classnames')
+
 const PendingTxDetails = require('./pending-personal-msg-details')
 const AccountDropdownMini = require('./dropdowns/account-dropdown-mini')
 const BinaryRenderer = require('./binary-renderer')
@@ -181,7 +183,12 @@ SignatureRequest.prototype.renderBody = function () {
 
     this.renderRequestInfo(),
 
-    h('div.request-signature__notice', [notice]),
+    h('div.request-signature__notice', {
+      className: classnames({
+        'request-signature__notice': type === 'personal_sign' || type === 'eth_signTypedData',
+        'request-signature__warning': type === 'eth_sign',
+      })
+    }, [notice]),
 
     h('div.request-signature__rows', [
 
diff --git a/ui/app/css/itcss/components/request-signature.scss b/ui/app/css/itcss/components/request-signature.scss
index ee54235d0..d81099bfa 100644
--- a/ui/app/css/itcss/components/request-signature.scss
+++ b/ui/app/css/itcss/components/request-signature.scss
@@ -131,8 +131,8 @@
     margin-top: 20px;
   }
 
-  &__notice {
-    color: #9B9B9B;
+  &__notice,
+  &__warning {
     font-family: "Avenir Next";
     font-size: 14px;
     line-height: 19px;
@@ -142,6 +142,14 @@
     width: 100%;
   }
 
+  &__notice {
+    color: $dusty-gray;
+  }
+
+  &__warning {
+    color: $crimson;
+  }
+
   &__rows {
     height: 100%;
     overflow-y: scroll;