1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

Fixing some incorrect CSS color vars (#17033)

* Fixing some incorrect css vars

* Static hex value fix

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
This commit is contained in:
George Marshall 2023-01-09 11:58:34 -08:00 committed by GitHub
parent 8e3eaed57f
commit b653b4f934
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 7 deletions

View File

@ -63,7 +63,7 @@ $circle-stroke-width: 2px;
transition: 0.5s transform !important; transition: 0.5s transform !important;
&:active { &:active {
background-color: var(--primary-1) !important; background-color: var(--color-primary-default) !important;
transform: scale(1.05) !important; transform: scale(1.05) !important;
.hold-to-reveal-button__circle-foreground { .hold-to-reveal-button__circle-foreground {
@ -103,13 +103,13 @@ $circle-stroke-width: 2px;
&__circle-background { &__circle-background {
@extend .hold-to-reveal-button__circle-shared; @extend .hold-to-reveal-button__circle-shared;
stroke: var(--primary-3); stroke: var(--color-primary-alternative);
} }
&__circle-foreground { &__circle-foreground {
@extend .hold-to-reveal-button__circle-shared; @extend .hold-to-reveal-button__circle-shared;
stroke: var(--ui-white); stroke: var(--color-primary-inverse);
stroke-dasharray: $circle-circumference; stroke-dasharray: $circle-circumference;
stroke-dashoffset: $circle-circumference; stroke-dashoffset: $circle-circumference;
transition: 1s stroke-dashoffset; transition: 1s stroke-dashoffset;
@ -136,7 +136,7 @@ $circle-stroke-width: 2px;
} }
&__circle-static-outer { &__circle-static-outer {
fill: var(--ui-white); fill: var(--color-primary-inverse);
} }
&__circle-static-inner-container { &__circle-static-inner-container {
@ -144,7 +144,7 @@ $circle-stroke-width: 2px;
} }
&__circle-static-inner { &__circle-static-inner {
fill: var(--primary-1); fill: var(--color-primary-default);
} }
&__unlock-icon-container { &__unlock-icon-container {

View File

@ -109,7 +109,7 @@ export default class SendContent extends Component {
<ActionableMessage <ActionableMessage
type="danger" type="danger"
useIcon useIcon
iconFillColor="#d73a49" iconFillColor="var(--color-error-default)"
primaryActionV2={{ primaryActionV2={{
label: t('tooltipApproveButton'), label: t('tooltipApproveButton'),
onClick: acknowledgeRecipientWarning, onClick: acknowledgeRecipientWarning,

View File

@ -40,7 +40,7 @@
padding-right: 16px; padding-right: 16px;
&__link { &__link {
color: var(--primary-1); color: var(--color-primary-default);
} }
} }