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

feature/default_network_editable
Brad Decker 4 years ago committed by GitHub
parent 9bf748eb44
commit 549eb320e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
  2. 2
      ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
  3. 2
      ui/app/components/app/connected-accounts-list/index.scss
  4. 4
      ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
  5. 8
      ui/app/components/app/gas-customization/gas-price-button-group/index.scss
  6. 2
      ui/app/components/app/gas-customization/gas-slider/index.scss
  7. 6
      ui/app/components/app/modals/edit-approval-permission/index.scss
  8. 2
      ui/app/components/app/permissions-connect-footer/index.scss
  9. 2
      ui/app/components/app/transaction-activity-log/index.scss
  10. 2
      ui/app/components/ui/button/buttons.scss
  11. 4
      ui/app/components/ui/check-box/index.scss
  12. 2
      ui/app/components/ui/export-text-container/index.scss
  13. 2
      ui/app/components/ui/icon/index.scss
  14. 2
      ui/app/components/ui/identicon/index.scss
  15. 2
      ui/app/components/ui/tabs/tab/index.scss
  16. 2
      ui/app/css/itcss/components/account-dropdown.scss
  17. 2
      ui/app/css/itcss/components/confirm.scss
  18. 2
      ui/app/css/itcss/components/modal.scss
  19. 4
      ui/app/css/itcss/components/new-account.scss
  20. 2
      ui/app/css/itcss/components/request-signature.scss
  21. 16
      ui/app/css/itcss/components/send.scss
  22. 2
      ui/app/css/itcss/settings/variables.scss
  23. 2
      ui/app/pages/add-token/index.scss
  24. 8
      ui/app/pages/confirm-approve/confirm-approve-content/index.scss
  25. 2
      ui/app/pages/connected-accounts/index.scss
  26. 2
      ui/app/pages/connected-sites/index.scss
  27. 2
      ui/app/pages/first-time-flow/index.scss
  28. 2
      ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
  29. 4
      ui/app/pages/permissions-connect/choose-account/index.scss
  30. 4
      ui/app/pages/settings/contact-list-tab/index.scss
  31. 2
      ui/app/pages/settings/index.scss

@ -17,7 +17,7 @@
} }
&__dismiss-button { &__dismiss-button {
background: #037dd6; background: $primary-blue;
color: white; color: white;
height: 40px; height: 40px;
width: 100px; width: 100px;

@ -35,7 +35,7 @@
color: $scorpion; color: $scorpion;
&--edit { &--edit {
color: $curious-blue; color: $primary-blue;
cursor: pointer; cursor: pointer;
} }

@ -34,7 +34,7 @@
&, &,
&:hover { &:hover {
color: $curious-blue; color: $primary-blue;
cursor: pointer; cursor: pointer;
} }
} }

@ -68,8 +68,8 @@
} }
&--selected { &--selected {
color: $curious-blue; color: $primary-blue;
border-bottom: 2px solid $curious-blue; border-bottom: 2px solid $primary-blue;
} }
} }
} }

@ -50,13 +50,13 @@
} }
.button-group__button--active { .button-group__button--active {
border: 2px solid $curious-blue; border: 2px solid $primary-blue;
color: $scorpion; color: $scorpion;
i { i {
&:last-child { &:last-child {
display: flex; display: flex;
color: $curious-blue; color: $primary-blue;
margin-top: 8px; margin-top: 8px;
} }
} }
@ -137,7 +137,7 @@
i { i {
&:last-child { &:last-child {
display: flex; display: flex;
color: $curious-blue; color: $primary-blue;
margin-top: 10px; margin-top: 10px;
} }
} }
@ -235,7 +235,7 @@
i { i {
display: flex; display: flex;
color: $curious-blue; color: $primary-blue;
font-size: 12px; font-size: 12px;
} }
} }

@ -16,7 +16,7 @@
-webkit-appearance: none !important; -webkit-appearance: none !important;
height: 34px; height: 34px;
width: 34px; width: 34px;
background-color: $curious-blue; background-color: $primary-blue;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
border-radius: 50%; border-radius: 50%;
position: relative; position: relative;

@ -97,7 +97,7 @@
} }
&__option-label--selected { &__option-label--selected {
color: #037dd6; color: $primary-blue;
} }
&__option-description { &__option-description {
@ -136,7 +136,7 @@
} }
&__radio-button-outline--selected { &__radio-button-outline--selected {
background: #037dd6; background: $primary-blue;
} }
&__radio-button-fill { &__radio-button-fill {
@ -150,7 +150,7 @@
&__radio-button-dot { &__radio-button-dot {
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #037dd6; background: $primary-blue;
border-radius: 4px; border-radius: 4px;
position: absolute; position: absolute;
} }

@ -14,7 +14,7 @@
margin-top: 10px; margin-top: 10px;
&--link { &--link {
color: #037dd6; color: $primary-blue;
margin-left: 4px; margin-left: 4px;
cursor: pointer; cursor: pointer;
} }

@ -75,7 +75,7 @@
&__action-link { &__action-link {
font-size: 0.75rem; font-size: 0.75rem;
cursor: pointer; cursor: pointer;
color: $curious-blue; color: $primary-blue;
} }
b { b {

@ -216,7 +216,7 @@ $warning-light-orange: #f8b588;
*/ */
.btn-raised { .btn-raised {
color: $curious-blue; color: $primary-blue;
background-color: $white; background-color: $white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
padding: 6px; padding: 6px;

@ -12,8 +12,8 @@
&__checked, &__checked,
&__indeterminate { &__indeterminate {
color: $curious-blue; color: $primary-blue;
border-color: $curious-blue; border-color: $primary-blue;
} }
&:disabled { &:disabled {

@ -39,7 +39,7 @@
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
color: $curious-blue; color: $primary-blue;
&--copy { &--copy {
border-right: 1px solid $alto; border-right: 1px solid $alto;

@ -6,7 +6,7 @@
} }
&--info { &--info {
fill: $info-blue; fill: $primary-blue;
} }
&--warning { &--warning {

@ -17,7 +17,7 @@
border-style: solid; border-style: solid;
border-radius: 50%; border-radius: 50%;
border-width: 2px; border-width: 2px;
border-color: $curious-blue; border-color: $primary-blue;
} }
&__eth-logo { &__eth-logo {

@ -6,6 +6,6 @@
&--active { &--active {
color: $black; color: $black;
border-bottom: 2px solid $curious-blue; border-bottom: 2px solid $primary-blue;
} }
} }

@ -78,7 +78,7 @@
position: absolute; position: absolute;
top: 3px; top: 3px;
left: -8px; left: -8px;
color: $curious-blue; color: $primary-blue;
} }
&__account-primary-balance { &__account-primary-balance {

@ -98,7 +98,7 @@
} }
.confirm-screen-back-button { .confirm-screen-back-button {
color: $curious-blue; color: $primary-blue;
font-family: Roboto; font-family: Roboto;
font-size: 1rem; font-size: 1rem;
position: absolute; position: absolute;

@ -342,7 +342,7 @@
} }
&__link { &__link {
color: $curious-blue; color: $primary-blue;
} }
} }

@ -53,8 +53,8 @@
} }
&__selected { &__selected {
color: $curious-blue; color: $primary-blue;
border-bottom: 3px solid $curious-blue; border-bottom: 3px solid $primary-blue;
cursor: initial; cursor: initial;
pointer-events: none; pointer-events: none;
} }

@ -230,7 +230,7 @@
&__help-link { &__help-link {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
color: $curious-blue; color: $primary-blue;
} }
&__footer { &__footer {

@ -149,7 +149,7 @@
.currency-toggle { .currency-toggle {
&__item { &__item {
color: $curious-blue; color: $primary-blue;
cursor: pointer; cursor: pointer;
&--selected { &--selected {
@ -160,7 +160,7 @@
} }
.send-screen-gas-input-customize { .send-screen-gas-input-customize {
color: $curious-blue; color: $primary-blue;
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
} }
@ -801,8 +801,8 @@
} }
input:checked + &__button { input:checked + &__button {
background-color: #037dd6; background-color: $primary-blue;
border: 2px solid #037dd6; border: 2px solid $primary-blue;
color: #fff; color: #fff;
} }
} }
@ -830,7 +830,7 @@
justify-content: center; justify-content: center;
height: 24px; height: 24px;
width: 24px; width: 24px;
border: 1px solid $curious-blue; border: 1px solid $primary-blue;
border-radius: 4px; border-radius: 4px;
background-color: $white; background-color: $white;
position: absolute; position: absolute;
@ -841,7 +841,7 @@
} }
&__sliders-icon { &__sliders-icon {
color: $curious-blue; color: $primary-blue;
} }
&__memo-text-area { &__memo-text-area {
@ -1077,7 +1077,7 @@
justify-content: center; justify-content: center;
height: 24px; height: 24px;
width: 24px; width: 24px;
border: 1px solid $curious-blue; border: 1px solid $primary-blue;
border-radius: 4px; border-radius: 4px;
background-color: $white; background-color: $white;
position: absolute; position: absolute;
@ -1105,5 +1105,5 @@
} }
.sliders-icon { .sliders-icon {
color: $curious-blue; color: $primary-blue;
} }

@ -19,8 +19,6 @@ $dusty-gray: #9b9b9b;
$alto: #dedede; $alto: #dedede;
$alabaster: #fafafa; $alabaster: #fafafa;
$silver-chalice: #aeaeae; $silver-chalice: #aeaeae;
$curious-blue: #037dd6;
$concrete: #f3f3f3;
$tundora: #4d4d4d; $tundora: #4d4d4d;
$nile-blue: #1b344d; $nile-blue: #1b344d;
$scorpion: #5d5d5d; $scorpion: #5d5d5d;

@ -36,7 +36,7 @@
&__edit { &__edit {
flex: 1 1 auto; flex: 1 1 auto;
text-align: right; text-align: right;
color: $curious-blue; color: $primary-blue;
padding-right: 4px; padding-right: 4px;
cursor: pointer; cursor: pointer;
} }

@ -141,7 +141,7 @@
div { div {
width: 22px; width: 22px;
height: 2px; height: 2px;
background: #037dd6; background: $primary-blue;
position: absolute; position: absolute;
} }
@ -157,7 +157,7 @@
&__circle { &__circle {
width: 14px; width: 14px;
height: 14px; height: 14px;
border: 2px solid #037dd6; border: 2px solid $primary-blue;
border-radius: 50%; border-radius: 50%;
background: white; background: white;
position: absolute; position: absolute;
@ -236,7 +236,7 @@
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
font-weight: 500; font-weight: 500;
color: #037dd6; color: $primary-blue;
} }
&__medium-text, &__medium-text,
@ -262,7 +262,7 @@
} }
&__small-blue-text { &__small-blue-text {
color: #037dd6; color: $primary-blue;
} }
&__info-row { &__info-row {

@ -2,7 +2,7 @@
&__footer { &__footer {
a, a,
a:hover { a:hover {
color: #037dd6; color: $primary-blue;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }

@ -28,7 +28,7 @@
a:hover { a:hover {
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #037dd6; color: $primary-blue;
cursor: pointer; cursor: pointer;
} }
} }

@ -159,6 +159,6 @@
} }
&__link-text { &__link-text {
color: $curious-blue; color: $primary-blue;
} }
} }

@ -54,7 +54,7 @@
} }
&__export-text { &__export-text {
color: $curious-blue; color: $primary-blue;
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
} }

@ -34,7 +34,7 @@
} }
&__text-blue { &__text-blue {
color: $curious-blue; color: $primary-blue;
cursor: pointer; cursor: pointer;
} }
@ -143,7 +143,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
color: #037dd6; color: $primary-blue;
} }
} }

@ -21,7 +21,7 @@
border-bottom: 1px solid #dedede; border-bottom: 1px solid #dedede;
&:hover { &:hover {
border: 1px solid #037dd6; border: 1px solid $primary-blue;
cursor: pointer; cursor: pointer;
} }
} }
@ -227,7 +227,7 @@
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
border-width: 2px; border-width: 2px;
background: #037dd6; background: $primary-blue;
margin-right: 5px; margin-right: 5px;
cursor: pointer; cursor: pointer;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);

@ -46,7 +46,7 @@
&__subheader--link:hover { &__subheader--link:hover {
cursor: pointer; cursor: pointer;
color: #037dd6; color: $primary-blue;
} }
&__subheader--break { &__subheader--break {

Loading…
Cancel
Save