diff --git a/www/pages/toolbox/scanner/scanner.html b/www/pages/toolbox/scanner/scanner.html
index 0c7b9cb..a85ace5 100644
--- a/www/pages/toolbox/scanner/scanner.html
+++ b/www/pages/toolbox/scanner/scanner.html
@@ -13,7 +13,7 @@
                 </a>
             </div>
             <div class="title">Scan Barcode</div>
-            <div class="subnavbar" style="background-color: var(--f7-page-bg-color);">
+            <div class="subnavbar" style="background-color: var(--f7-searchbar-bg-color,var(--f7-bars-bg-color));">
                 <div class="subnavbar-inner">
                     <div class="searchbar">
                         <div class="searchbar-inner">
@@ -48,7 +48,7 @@
         </a>
     </div>
 
-    <div class="popup" id="scanEventPopup">
+    <div class="popup" id="scanEventPopup" style="background-color: var(--f7-page-bg-color);">
         <div class="block">
             <p>Select Event</p>
             <div class="list tablet-inset">
@@ -65,7 +65,7 @@
         </div>
     </div>
 
-    <div class="popup" id="scanEventTypePopup">
+    <div class="popup" id="scanEventTypePopup" style="background-color: var(--f7-page-bg-color);">
         <div class="block">
             <div class="list tablet-inset">
                 <ul class="eventlist">