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

Dark Mode: Fix QR display (#14312)

Browse Source
This commit is contained in:
David Walsh 2022-04-01 14:53:14 -05:00 committed by GitHub
parent 8cb1f4af2e
commit 5a159ef991
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/components/app/qr-hardware-popover/qr-hardware-sign-request/player.js
View File

@ -43,7 +43,9 @@ const Player = ({ type, cbor, cancelQRHardwareSignRequest, toRead }) => {
alignItems={ALIGN_ITEMS.CENTER} alignItems={ALIGN_ITEMS.CENTER}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FLEX_DIRECTION.COLUMN}
> >
<QRCode value={currentQRCode.toUpperCase()} size={250} /> <div style={{ border: '20px solid var(--qr-code-white-background)' }}>
<QRCode value={currentQRCode.toUpperCase()} size={250} />
</div>
</Box> </Box>
<Box paddingBottom={4} paddingLeft={4} paddingRight={4}> <Box paddingBottom={4} paddingLeft={4} paddingRight={4}>
<Typography align={TEXT_ALIGN.CENTER}> <Typography align={TEXT_ALIGN.CENTER}>

4
ui/css/utilities/colors.scss
View File

@ -8,4 +8,8 @@
--goerli: #3099f2; --goerli: #3099f2;
--localhost: #29b6af; --localhost: #29b6af;
--flask-purple: #8b45b6; --flask-purple: #8b45b6;
// DO NOT CHANGE
// Required for the QR reader to work properly
--qr-code-white-background: '#fff';
} }