From 831e1ed15e0d1120523e92a1dccf766618fb3761 Mon Sep 17 00:00:00 2001
From: vivante64 <92798022+vivante64@users.noreply.github.com>
Date: Fri, 28 Apr 2023 11:27:39 +0200
Subject: [PATCH 1/2] Update two-factor-authentication-form.blade.php

Added padding and white background to SVG, phones with lower quality camera can't read QR code due to low contrast in dark mode.
---
 .../views/profile/two-factor-authentication-form.blade.php      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php b/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
index db74b7d0e..1dec2d0ce 100644
--- a/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
+++ b/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
@@ -38,7 +38,7 @@
                     </p>
                 </div>
 
-                <div class="mt-4">
+                <div class="mt-4 p-2 inline-block bg-white">
                     {!! $this->user->twoFactorQrCodeSvg() !!}
                 </div>
 

From fd1853386171679f2f71042e8024eafe401223a4 Mon Sep 17 00:00:00 2001
From: vivante64 <92798022+vivante64@users.noreply.github.com>
Date: Fri, 28 Apr 2023 11:55:09 +0200
Subject: [PATCH 2/2] Update TwoFactorAuthenticationForm.vue

Changes to Inertia stack QR code contrast issue in dark mode.
---
 .../js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue b/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
index e1f55bfa7..f7c6754f2 100644
--- a/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
+++ b/stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
@@ -144,7 +144,7 @@ const disableTwoFactorAuthentication = () => {
                         </p>
                     </div>
 
-                    <div class="mt-4" v-html="qrCode" />
+                    <div class="mt-4 p-2 inline-block bg-white" v-html="qrCode" />
 
                     <div v-if="setupKey" class="mt-4 max-w-xl text-sm text-gray-600 dark:text-gray-400">
                         <p class="font-semibold">