From 549eb320e8372e92a4e1fc80059d3e8b5a390183 Mon Sep 17 00:00:00 2001
From: Brad Decker <git@braddecker.dev>
Date: Fri, 17 Jul 2020 13:11:04 -0500
Subject: [PATCH] Narrow usages of 037DD6 to 'primary-blue' (#9008)

---
 .../unconnected-account-alert.scss               |  2 +-
 .../confirm-detail-row/index.scss                |  2 +-
 .../app/connected-accounts-list/index.scss       |  2 +-
 .../gas-modal-page-container/index.scss          |  4 ++--
 .../gas-price-button-group/index.scss            |  8 ++++----
 .../app/gas-customization/gas-slider/index.scss  |  2 +-
 .../modals/edit-approval-permission/index.scss   |  6 +++---
 .../app/permissions-connect-footer/index.scss    |  2 +-
 .../app/transaction-activity-log/index.scss      |  2 +-
 ui/app/components/ui/button/buttons.scss         |  2 +-
 ui/app/components/ui/check-box/index.scss        |  4 ++--
 .../ui/export-text-container/index.scss          |  2 +-
 ui/app/components/ui/icon/index.scss             |  2 +-
 ui/app/components/ui/identicon/index.scss        |  2 +-
 ui/app/components/ui/tabs/tab/index.scss         |  2 +-
 .../css/itcss/components/account-dropdown.scss   |  2 +-
 ui/app/css/itcss/components/confirm.scss         |  2 +-
 ui/app/css/itcss/components/modal.scss           |  2 +-
 ui/app/css/itcss/components/new-account.scss     |  4 ++--
 .../css/itcss/components/request-signature.scss  |  2 +-
 ui/app/css/itcss/components/send.scss            | 16 ++++++++--------
 ui/app/css/itcss/settings/variables.scss         |  2 --
 ui/app/pages/add-token/index.scss                |  2 +-
 .../confirm-approve-content/index.scss           |  8 ++++----
 ui/app/pages/connected-accounts/index.scss       |  2 +-
 ui/app/pages/connected-sites/index.scss          |  2 +-
 ui/app/pages/first-time-flow/index.scss          |  2 +-
 .../seed-phrase/reveal-seed-phrase/index.scss    |  2 +-
 .../choose-account/index.scss                    |  4 ++--
 .../pages/settings/contact-list-tab/index.scss   |  4 ++--
 ui/app/pages/settings/index.scss                 |  2 +-
 31 files changed, 50 insertions(+), 52 deletions(-)

diff --git a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
index 35ffe43dd..20ed74d2a 100644
--- a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
+++ b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
@@ -17,7 +17,7 @@
   }
 
   &__dismiss-button {
-    background: #037dd6;
+    background: $primary-blue;
     color: white;
     height: 40px;
     width: 100px;
diff --git a/ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss b/ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
index 25b901ed3..cfd888817 100644
--- a/ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
+++ b/ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
@@ -35,7 +35,7 @@
     color: $scorpion;
 
     &--edit {
-      color: $curious-blue;
+      color: $primary-blue;
       cursor: pointer;
     }
 
diff --git a/ui/app/components/app/connected-accounts-list/index.scss b/ui/app/components/app/connected-accounts-list/index.scss
index f6dd23893..62c2a8b3f 100644
--- a/ui/app/components/app/connected-accounts-list/index.scss
+++ b/ui/app/components/app/connected-accounts-list/index.scss
@@ -34,7 +34,7 @@
 
     &,
     &:hover {
-      color: $curious-blue;
+      color: $primary-blue;
       cursor: pointer;
     }
   }
diff --git a/ui/app/components/app/gas-customization/gas-modal-page-container/index.scss b/ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
index c128d67ac..1794a45c1 100644
--- a/ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
+++ b/ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
@@ -68,8 +68,8 @@
       }
 
       &--selected {
-        color: $curious-blue;
-        border-bottom: 2px solid $curious-blue;
+        color: $primary-blue;
+        border-bottom: 2px solid $primary-blue;
       }
     }
   }
diff --git a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss
index 4eb307f5c..2d4ab5f82 100644
--- a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss
+++ b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss
@@ -50,13 +50,13 @@
   }
 
   .button-group__button--active {
-    border: 2px solid $curious-blue;
+    border: 2px solid $primary-blue;
     color: $scorpion;
 
     i {
       &:last-child {
         display: flex;
-        color: $curious-blue;
+        color: $primary-blue;
         margin-top: 8px;
       }
     }
@@ -137,7 +137,7 @@
     i {
       &:last-child {
         display: flex;
-        color: $curious-blue;
+        color: $primary-blue;
         margin-top: 10px;
       }
     }
@@ -235,7 +235,7 @@
 
     i {
       display: flex;
-      color: $curious-blue;
+      color: $primary-blue;
       font-size: 12px;
     }
   }
diff --git a/ui/app/components/app/gas-customization/gas-slider/index.scss b/ui/app/components/app/gas-customization/gas-slider/index.scss
index f526e5dd7..aacbea9e6 100644
--- a/ui/app/components/app/gas-customization/gas-slider/index.scss
+++ b/ui/app/components/app/gas-customization/gas-slider/index.scss
@@ -16,7 +16,7 @@
     -webkit-appearance: none !important;
     height: 34px;
     width: 34px;
-    background-color: $curious-blue;
+    background-color: $primary-blue;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     border-radius: 50%;
     position: relative;
diff --git a/ui/app/components/app/modals/edit-approval-permission/index.scss b/ui/app/components/app/modals/edit-approval-permission/index.scss
index 17f0ef6ca..0b80db408 100644
--- a/ui/app/components/app/modals/edit-approval-permission/index.scss
+++ b/ui/app/components/app/modals/edit-approval-permission/index.scss
@@ -97,7 +97,7 @@
     }
 
     &__option-label--selected {
-      color: #037dd6;
+      color: $primary-blue;
     }
 
     &__option-description {
@@ -136,7 +136,7 @@
     }
 
     &__radio-button-outline--selected {
-      background: #037dd6;
+      background: $primary-blue;
     }
 
     &__radio-button-fill {
@@ -150,7 +150,7 @@
     &__radio-button-dot {
       width: 8px;
       height: 8px;
-      background: #037dd6;
+      background: $primary-blue;
       border-radius: 4px;
       position: absolute;
     }
diff --git a/ui/app/components/app/permissions-connect-footer/index.scss b/ui/app/components/app/permissions-connect-footer/index.scss
index f8ea463f6..ac6508417 100644
--- a/ui/app/components/app/permissions-connect-footer/index.scss
+++ b/ui/app/components/app/permissions-connect-footer/index.scss
@@ -14,7 +14,7 @@
     margin-top: 10px;
 
     &--link {
-      color: #037dd6;
+      color: $primary-blue;
       margin-left: 4px;
       cursor: pointer;
     }
diff --git a/ui/app/components/app/transaction-activity-log/index.scss b/ui/app/components/app/transaction-activity-log/index.scss
index 6c0ef388e..d5b748d17 100644
--- a/ui/app/components/app/transaction-activity-log/index.scss
+++ b/ui/app/components/app/transaction-activity-log/index.scss
@@ -75,7 +75,7 @@
   &__action-link {
     font-size: 0.75rem;
     cursor: pointer;
-    color: $curious-blue;
+    color: $primary-blue;
   }
 
   b {
diff --git a/ui/app/components/ui/button/buttons.scss b/ui/app/components/ui/button/buttons.scss
index e8ad6e5fa..d981a80fa 100644
--- a/ui/app/components/ui/button/buttons.scss
+++ b/ui/app/components/ui/button/buttons.scss
@@ -216,7 +216,7 @@ $warning-light-orange: #f8b588;
  */
 
 .btn-raised {
-  color: $curious-blue;
+  color: $primary-blue;
   background-color: $white;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
   padding: 6px;
diff --git a/ui/app/components/ui/check-box/index.scss b/ui/app/components/ui/check-box/index.scss
index 0897549c1..8e6060bb3 100644
--- a/ui/app/components/ui/check-box/index.scss
+++ b/ui/app/components/ui/check-box/index.scss
@@ -12,8 +12,8 @@
 
   &__checked,
   &__indeterminate {
-    color: $curious-blue;
-    border-color: $curious-blue;
+    color: $primary-blue;
+    border-color: $primary-blue;
   }
 
   &:disabled {
diff --git a/ui/app/components/ui/export-text-container/index.scss b/ui/app/components/ui/export-text-container/index.scss
index 975d62f70..c3e32895f 100644
--- a/ui/app/components/ui/export-text-container/index.scss
+++ b/ui/app/components/ui/export-text-container/index.scss
@@ -39,7 +39,7 @@
     align-items: center;
     font-size: 12px;
     cursor: pointer;
-    color: $curious-blue;
+    color: $primary-blue;
 
     &--copy {
       border-right: 1px solid $alto;
diff --git a/ui/app/components/ui/icon/index.scss b/ui/app/components/ui/icon/index.scss
index 43e55299d..c50ea662b 100644
--- a/ui/app/components/ui/icon/index.scss
+++ b/ui/app/components/ui/icon/index.scss
@@ -6,7 +6,7 @@
   }
 
   &--info {
-    fill: $info-blue;
+    fill: $primary-blue;
   }
 
   &--warning {
diff --git a/ui/app/components/ui/identicon/index.scss b/ui/app/components/ui/identicon/index.scss
index 188c2d1e8..427ac8d45 100644
--- a/ui/app/components/ui/identicon/index.scss
+++ b/ui/app/components/ui/identicon/index.scss
@@ -17,7 +17,7 @@
     border-style: solid;
     border-radius: 50%;
     border-width: 2px;
-    border-color: $curious-blue;
+    border-color: $primary-blue;
   }
 
   &__eth-logo {
diff --git a/ui/app/components/ui/tabs/tab/index.scss b/ui/app/components/ui/tabs/tab/index.scss
index 7245c695e..b0fb0d30e 100644
--- a/ui/app/components/ui/tabs/tab/index.scss
+++ b/ui/app/components/ui/tabs/tab/index.scss
@@ -6,6 +6,6 @@
 
   &--active {
     color: $black;
-    border-bottom: 2px solid $curious-blue;
+    border-bottom: 2px solid $primary-blue;
   }
 }
diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
index 20fbe94ce..1d7baf7b6 100644
--- a/ui/app/css/itcss/components/account-dropdown.scss
+++ b/ui/app/css/itcss/components/account-dropdown.scss
@@ -78,7 +78,7 @@
     position: absolute;
     top: 3px;
     left: -8px;
-    color: $curious-blue;
+    color: $primary-blue;
   }
 
   &__account-primary-balance {
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss
index 2ee11279c..7a034e4e9 100644
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@@ -98,7 +98,7 @@
 }
 
 .confirm-screen-back-button {
-  color: $curious-blue;
+  color: $primary-blue;
   font-family: Roboto;
   font-size: 1rem;
   position: absolute;
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index b7fa9a879..567e7a418 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -342,7 +342,7 @@
   }
 
   &__link {
-    color: $curious-blue;
+    color: $primary-blue;
   }
 }
 
diff --git a/ui/app/css/itcss/components/new-account.scss b/ui/app/css/itcss/components/new-account.scss
index 298e7978a..77fd07afa 100644
--- a/ui/app/css/itcss/components/new-account.scss
+++ b/ui/app/css/itcss/components/new-account.scss
@@ -53,8 +53,8 @@
     }
 
     &__selected {
-      color: $curious-blue;
-      border-bottom: 3px solid $curious-blue;
+      color: $primary-blue;
+      border-bottom: 3px solid $primary-blue;
       cursor: initial;
       pointer-events: none;
     }
diff --git a/ui/app/css/itcss/components/request-signature.scss b/ui/app/css/itcss/components/request-signature.scss
index 0a47d4252..03623e187 100644
--- a/ui/app/css/itcss/components/request-signature.scss
+++ b/ui/app/css/itcss/components/request-signature.scss
@@ -230,7 +230,7 @@
   &__help-link {
     cursor: pointer;
     text-decoration: underline;
-    color: $curious-blue;
+    color: $primary-blue;
   }
 
   &__footer {
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index 9b823cf0b..e82d938d6 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -149,7 +149,7 @@
 
 .currency-toggle {
   &__item {
-    color: $curious-blue;
+    color: $primary-blue;
     cursor: pointer;
 
     &--selected {
@@ -160,7 +160,7 @@
 }
 
 .send-screen-gas-input-customize {
-  color: $curious-blue;
+  color: $primary-blue;
   font-size: 12px;
   cursor: pointer;
 }
@@ -801,8 +801,8 @@
     }
 
     input:checked + &__button {
-      background-color: #037dd6;
-      border: 2px solid #037dd6;
+      background-color: $primary-blue;
+      border: 2px solid $primary-blue;
       color: #fff;
     }
   }
@@ -830,7 +830,7 @@
     justify-content: center;
     height: 24px;
     width: 24px;
-    border: 1px solid $curious-blue;
+    border: 1px solid $primary-blue;
     border-radius: 4px;
     background-color: $white;
     position: absolute;
@@ -841,7 +841,7 @@
   }
 
   &__sliders-icon {
-    color: $curious-blue;
+    color: $primary-blue;
   }
 
   &__memo-text-area {
@@ -1077,7 +1077,7 @@
   justify-content: center;
   height: 24px;
   width: 24px;
-  border: 1px solid $curious-blue;
+  border: 1px solid $primary-blue;
   border-radius: 4px;
   background-color: $white;
   position: absolute;
@@ -1105,5 +1105,5 @@
 }
 
 .sliders-icon {
-  color: $curious-blue;
+  color: $primary-blue;
 }
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index b658e490c..dc4f8489a 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -19,8 +19,6 @@ $dusty-gray: #9b9b9b;
 $alto: #dedede;
 $alabaster: #fafafa;
 $silver-chalice: #aeaeae;
-$curious-blue: #037dd6;
-$concrete: #f3f3f3;
 $tundora: #4d4d4d;
 $nile-blue: #1b344d;
 $scorpion: #5d5d5d;
diff --git a/ui/app/pages/add-token/index.scss b/ui/app/pages/add-token/index.scss
index 51a80aab2..5060a6348 100644
--- a/ui/app/pages/add-token/index.scss
+++ b/ui/app/pages/add-token/index.scss
@@ -36,7 +36,7 @@
     &__edit {
       flex: 1 1 auto;
       text-align: right;
-      color: $curious-blue;
+      color: $primary-blue;
       padding-right: 4px;
       cursor: pointer;
     }
diff --git a/ui/app/pages/confirm-approve/confirm-approve-content/index.scss b/ui/app/pages/confirm-approve/confirm-approve-content/index.scss
index 8449ca73d..70771fcaf 100644
--- a/ui/app/pages/confirm-approve/confirm-approve-content/index.scss
+++ b/ui/app/pages/confirm-approve/confirm-approve-content/index.scss
@@ -141,7 +141,7 @@
       div {
         width: 22px;
         height: 2px;
-        background: #037dd6;
+        background: $primary-blue;
         position: absolute;
       }
 
@@ -157,7 +157,7 @@
     &__circle {
       width: 14px;
       height: 14px;
-      border: 2px solid #037dd6;
+      border: 2px solid $primary-blue;
       border-radius: 50%;
       background: white;
       position: absolute;
@@ -236,7 +236,7 @@
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-    color: #037dd6;
+    color: $primary-blue;
   }
 
   &__medium-text,
@@ -262,7 +262,7 @@
   }
 
   &__small-blue-text {
-    color: #037dd6;
+    color: $primary-blue;
   }
 
   &__info-row {
diff --git a/ui/app/pages/connected-accounts/index.scss b/ui/app/pages/connected-accounts/index.scss
index a320b2111..a32c405f9 100644
--- a/ui/app/pages/connected-accounts/index.scss
+++ b/ui/app/pages/connected-accounts/index.scss
@@ -2,7 +2,7 @@
   &__footer {
     a,
     a:hover {
-      color: #037dd6;
+      color: $primary-blue;
       cursor: pointer;
       font-size: 14px;
     }
diff --git a/ui/app/pages/connected-sites/index.scss b/ui/app/pages/connected-sites/index.scss
index 652df5a28..5b963bf42 100644
--- a/ui/app/pages/connected-sites/index.scss
+++ b/ui/app/pages/connected-sites/index.scss
@@ -28,7 +28,7 @@
   a:hover {
     font-size: 14px;
     line-height: 20px;
-    color: #037dd6;
+    color: $primary-blue;
     cursor: pointer;
   }
 }
diff --git a/ui/app/pages/first-time-flow/index.scss b/ui/app/pages/first-time-flow/index.scss
index 8481139f5..3b7498b2b 100644
--- a/ui/app/pages/first-time-flow/index.scss
+++ b/ui/app/pages/first-time-flow/index.scss
@@ -159,6 +159,6 @@
   }
 
   &__link-text {
-    color: $curious-blue;
+    color: $primary-blue;
   }
 }
diff --git a/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss b/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
index a6f3c88a2..6d6c90a1e 100644
--- a/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
+++ b/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
@@ -54,7 +54,7 @@
   }
 
   &__export-text {
-    color: $curious-blue;
+    color: $primary-blue;
     cursor: pointer;
     font-weight: 500;
   }
diff --git a/ui/app/pages/permissions-connect/choose-account/index.scss b/ui/app/pages/permissions-connect/choose-account/index.scss
index 9bcdd89ef..4f71942c1 100644
--- a/ui/app/pages/permissions-connect/choose-account/index.scss
+++ b/ui/app/pages/permissions-connect/choose-account/index.scss
@@ -34,7 +34,7 @@
   }
 
   &__text-blue {
-    color: $curious-blue;
+    color: $primary-blue;
     cursor: pointer;
   }
 
@@ -143,7 +143,7 @@
       display: flex;
       flex-direction: column;
       align-items: flex-end;
-      color: #037dd6;
+      color: $primary-blue;
     }
   }
 
diff --git a/ui/app/pages/settings/contact-list-tab/index.scss b/ui/app/pages/settings/contact-list-tab/index.scss
index 0a18ff54b..84586a39e 100644
--- a/ui/app/pages/settings/contact-list-tab/index.scss
+++ b/ui/app/pages/settings/contact-list-tab/index.scss
@@ -21,7 +21,7 @@
     border-bottom: 1px solid #dedede;
 
     &:hover {
-      border: 1px solid #037dd6;
+      border: 1px solid $primary-blue;
       cursor: pointer;
     }
   }
@@ -227,7 +227,7 @@
     align-items: center;
     border-radius: 50%;
     border-width: 2px;
-    background: #037dd6;
+    background: $primary-blue;
     margin-right: 5px;
     cursor: pointer;
     box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
diff --git a/ui/app/pages/settings/index.scss b/ui/app/pages/settings/index.scss
index 5cf2d4a88..0c4371cf4 100644
--- a/ui/app/pages/settings/index.scss
+++ b/ui/app/pages/settings/index.scss
@@ -46,7 +46,7 @@
 
   &__subheader--link:hover {
     cursor: pointer;
-    color: #037dd6;
+    color: $primary-blue;
   }
 
   &__subheader--break {