Merge pull request #1610 from Pallavikumarimdb/fix/QR-code-issue-on-dark-themes

Set the QR code background to white in dark mode.

src/components/CreateShareLinkForm.tsx

@@ -476,7 +476,9 @@ export default function CreateShareLinkForm({
                                     </p>
 
                                     <div className="h-[250px] w-full mx-auto flex items-center justify-center">
+                                        <div className="bg-white p-6 border rounded-md">
                                         <QRCodeCanvas value={link} size={200} />
+                                        </div>
                                     </div>
 
                                     <Collapsible

src/components/TwoFactorSetupForm.tsx

@@ -230,7 +230,9 @@ const TwoFactorSetupForm = forwardRef<
                     <div className="space-y-4">
                         <p>{t("otpSetupScanQr")}</p>
                         <div className="h-[250px] mx-auto flex items-center justify-center">
+                            <div className="bg-white p-6 border rounded-md">
                             <QRCodeCanvas value={secretUri} size={200} />
+                            </div>
                         </div>
                         <div className="max-w-md mx-auto">
                             <CopyTextBox text={secretUri} wrapText={false} />