Narrow usages of 037DD6 to 'primary-blue' (#9008)

4 years ago · 549eb320e8
parent 9bf748eb44
commit 549eb320e8
31 changed files with 50 additions and 52 deletions
--- 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;
--- 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;
    }

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

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

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