m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +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 ryanml
parent 78f68b3dab
commit e4197abfae
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}
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 paddingBottom={4} paddingLeft={4} paddingRight={4}>
<Typography align={TEXT_ALIGN.CENTER}>

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

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