From f1031efa933b6ebe8861a322778703bde7449a0b Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 9 Jun 2023 01:09:12 +1000
Subject: [PATCH] CSS fix for 2FA token (#5000)

- Enforce white background for the QR code
---
 InvenTree/InvenTree/static/css/inventree.css | 4 ++++
 InvenTree/templates/allauth_2fa/setup.html   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index cac997df90..8bc36c3d70 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -105,6 +105,10 @@ main {
     font-size: 110%;
 }
 
+.bg-qr-code {
+    background-color: #FFF !important;
+}
+
 .qr-code {
     max-width: 400px;
     max-height: 400px;
diff --git a/InvenTree/templates/allauth_2fa/setup.html b/InvenTree/templates/allauth_2fa/setup.html
index 1fd4635fc0..556313af85 100644
--- a/InvenTree/templates/allauth_2fa/setup.html
+++ b/InvenTree/templates/allauth_2fa/setup.html
@@ -14,7 +14,7 @@
   {% trans 'Scan the QR code below with a token generator of your choice (for instance Google Authenticator).' %}
 </p>
 
-<div class="bg-light rounded">
+<div class="bg-qr-code rounded">
 <img src="{{ qr_code_url }}" alt="{% trans 'QC Code' %}" class="mx-auto d-block"/>
 </div>
 <br>