From 9ef86e0a820ea693b5775f8371a6b353b806b569 Mon Sep 17 00:00:00 2001
From: Dani Hodovic <danihodovic@users.noreply.github.com>
Date: Thu, 8 Aug 2024 15:28:42 -0300
Subject: [PATCH] fix: make 2FA authentication code background darker (#111)

On darker themes it's impossible to scan the 2FA code. Make the
background image of the QR code a gray tone to fix scanning for darker
themes such as DaisyUI business.
---
 allauth_ui/templates/mfa/totp/activate_form.html | 10 ++++++----
 tests/settings.py                                |  3 +--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/allauth_ui/templates/mfa/totp/activate_form.html b/allauth_ui/templates/mfa/totp/activate_form.html
index 1bc78a8..9238ae7 100644
--- a/allauth_ui/templates/mfa/totp/activate_form.html
+++ b/allauth_ui/templates/mfa/totp/activate_form.html
@@ -10,16 +10,18 @@
     {% translate "Activate" as button_text %}
     {% url 'mfa_activate_totp' as action_url %}
     {% #form form=form method="post" url=action_url button_text=button_text render_fields="false" %}
-    <img src="{{ totp_svg_data_uri }}"
-         alt="{{ form.secret }}"
-         class="mx-auto my-5" />
+    {# <div class="p-1 bg-gray-300 rounded"> #}
+    <img class="py-3 px-5 mx-auto my-5 bg-gray-300 rounded"
+         src="{{ totp_svg_data_uri }}"
+         alt="{{ form.secret }}" />
+    {# </div> #}
     {% #form_field field=form.code %}
     {% /form_field %}
     <div class="my-3">
         <label class="label" for="authenticator_secret">
             <span class="label-text">{% translate "Authenticator secret" %}</span>
         </label>
-        <p class="text-xs mb-2">
+        <p class="mb-2 text-xs">
             {% translate "You can store this secret and use it to reinstall your authenticator app at a later time." %}
         </p>
         <input type="text" id="authenticator_secret"" value="{{ form.secret }}" disabled
diff --git a/tests/settings.py b/tests/settings.py
index 705c7ab..1a585a9 100644
--- a/tests/settings.py
+++ b/tests/settings.py
@@ -112,11 +112,10 @@
 ACCOUNT_AUTHENTICATION_METHOD = "email"
 ACCOUNT_LOGIN_ATTEMPTS_LIMIT = 1000
 
-ALLAUTH_UI_THEME = "light"
-
 BASE_DIR = Path(__file__).parent.parent
 
 USERSESSIONS_TRACK_ACTIVITY = True
 
 MFA_SUPPORTED_TYPES = ["totp", "webauthn", "recovery_codes"]
 MFA_TOTP_ISSUER = "AllAuth UI"
+ALLAUTH_UI_THEME = "business"