m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 01:47:00 +01:00
Code

Dark mode: onboarding icons and colors (#14209)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/images/icons/red-triangle-exclaim.svg
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>
Side by Side

Before

Width:  |  Height:  |  Size: 282 B

3
app/images/icons/yellow-bell.svg
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>
Side by Side

Before

Width:  |  Height:  |  Size: 724 B

BIN
app/images/twitter-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 584 B

BIN
app/images/warning-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
ui/pages/onboarding-flow/create-password/index.scss
View File

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

2
ui/pages/onboarding-flow/import-srp/import-srp.js
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

1
ui/pages/onboarding-flow/import-srp/index.scss
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%;

4
ui/pages/onboarding-flow/index.scss
View File

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

2
ui/pages/onboarding-flow/onboarding-flow.js
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>

7
ui/pages/onboarding-flow/secure-your-wallet/index.scss
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;
}

2
ui/pages/onboarding-flow/secure-your-wallet/skip-srp-backup-popover.js
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>