mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Narrow usages of 037DD6 to 'primary-blue' (#9008)
This commit is contained in:
parent
9bf748eb44
commit
549eb320e8
@ -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…
Reference in New Issue
Block a user