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

Dark mode: onboarding icons and colors (#14209)

This commit is contained in:
George Marshall 2022-03-28 07:42:09 -07:00 committed by GitHub
parent 21afcc75ce
commit 7f8dc260b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 14 additions and 11 deletions

View File

@ -1,3 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0L0 16H16L8 0ZM8 3.36842L13.4764 14.3158H2.52364L8 3.36842ZM7.27273 6.73684V10.1053H8.72727V6.73684H7.27273ZM7.27273 11.7895V13.4737H8.72727V11.7895" fill="#D73A49"/>
</svg>

Before

Width:  |  Height:  |  Size: 282 B

View File

@ -1,3 +0,0 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7059 12H3.29412V6.8C3.29412 4.8 4.94118 3.2 7 3.2C9.05882 3.2 10.7059 4.8 10.7059 6.8V12ZM12.3529 11.2V6.8C12.3529 4.344 10.5906 2.288 8.23529 1.744V1.2C8.23529 0.88174 8.10515 0.576516 7.87349 0.351472C7.64182 0.126428 7.32762 0 7 0C6.67238 0 6.35818 0.126428 6.12651 0.351472C5.89485 0.576516 5.76471 0.88174 5.76471 1.2V1.744C3.40118 2.288 1.64706 4.344 1.64706 6.8V11.2L0 12.8V13.6H14V12.8L12.3529 11.2ZM7 16C7.43683 16 7.85576 15.8314 8.16465 15.5314C8.47353 15.2313 8.64706 14.8243 8.64706 14.4H5.35294C5.35294 14.8243 5.52647 15.2313 5.83535 15.5314C6.14424 15.8314 6.56317 16 7 16Z" fill="#FFD33D"/>
</svg>

Before

Width:  |  Height:  |  Size: 724 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 584 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -29,6 +29,7 @@
&--password-button {
background-color: transparent;
color: var(--color-text-default);
}
&--submit-button {

View File

@ -76,7 +76,7 @@ export default function ImportSRP({ submitSecretRecoveryPhrase }) {
<button onClick={() => setRevealSRP(!revealSRP)}>
<i
className={`far fa-eye${revealSRP ? '-slash' : ''}`}
color="grey"
style={{ color: 'var(--color-icon-default' }}
/>
</button>
<textarea

View File

@ -48,6 +48,7 @@
border: 1px solid var(--color-border-muted);
border-radius: 10px;
background-color: var(--color-background-default);
color: var(--color-text-default);
padding: 12px 24px 12px 12px;
resize: none;
width: 100%;

View File

@ -28,8 +28,8 @@
margin-bottom: 40px;
vertical-align: middle;
img {
margin-left: 5px;
&__icon {
margin-left: 4px;
}
}
}

View File

@ -178,7 +178,7 @@ export default function OnboardingFlow() {
target="_blank"
>
<span>{t('followUsOnTwitter')}</span>
<img src="images/twitter-icon.png" />
<i className="fab fa-twitter onboarding-flow__twitter-button__icon" />
</Button>
)}
</div>

View File

@ -35,6 +35,13 @@
.skip-srp-backup-popover {
width: 365px;
&__icon {
color: var(--color-error-default);
display: block;
margin-top: 16px;
margin-bottom: 16px;
}
&__checkbox {
margin: 8px 12px 0 0;
}

View File

@ -50,7 +50,7 @@ export default function SkipSRPBackup({ handleClose }) {
justifyContent={JUSTIFY_CONTENT.CENTER}
margin={4}
>
<img src="./images/warning-icon.png" />
<i className="fa fa-exclamation-triangle fa-2x skip-srp-backup-popover__icon" />
<Typography variant={TYPOGRAPHY.h3} fontWeight={FONT_WEIGHT.BOLD}>
{t('skipAccountSecurity')}
</Typography>