diff --git a/src/lib/settings.js b/src/lib/settings.js
index 6a576c99..e27e9975 100644
--- a/src/lib/settings.js
+++ b/src/lib/settings.js
@@ -6,7 +6,7 @@ const serverSettingsCookieKey = 'ACP_SETTINGS';
 const defaultSettings = {
     lang: 'en',
     animate: true,
-    autoDarkMode: false
+    autoDarkMode: true
 };
 
 function getOriginalSettings() {
diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index bcd4bc94..6496942b 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -52,7 +52,7 @@
         </f7-popover>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto"
             :opened="show2faSheet" @sheet:closed="show2faSheet = false"
         >
             <div class="sheet-modal-swipe-step">
diff --git a/src/views/mobile/users/TwoFactorAuth.vue b/src/views/mobile/users/TwoFactorAuth.vue
index 7f9b9eff..77c215d1 100644
--- a/src/views/mobile/users/TwoFactorAuth.vue
+++ b/src/views/mobile/users/TwoFactorAuth.vue
@@ -14,7 +14,7 @@
         </f7-list>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto;"
             :opened="showInputPasscodeSheetForEnable" @sheet:closed="showInputPasscodeSheetForEnable = false; currentPasscodeForEnable = ''"
         >
             <div class="sheet-modal-swipe-step">
@@ -45,7 +45,7 @@
         </f7-sheet>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto"
             :opened="showInputPasswordSheetForDisable" @sheet:closed="showInputPasswordSheetForDisable = false; currentPasswordForDisable = ''"
         >
             <div class="sheet-modal-swipe-step">
@@ -73,7 +73,7 @@
         </f7-sheet>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto"
             :opened="showInputPasswordSheetForRegenerate" @sheet:closed="showInputPasswordSheetForRegenerate = false; currentPasswordForRegenerate= ''"
         >
             <div class="sheet-modal-swipe-step">
@@ -101,7 +101,7 @@
         </f7-sheet>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto"
             :opened="showBackupCodeSheet" @sheet:closed="showBackupCodeSheet = false; currentBackupCode = ''"
         >
             <div class="sheet-modal-swipe-step">
diff --git a/src/views/mobile/users/UserProfile.vue b/src/views/mobile/users/UserProfile.vue
index e102e44f..97324f0c 100644
--- a/src/views/mobile/users/UserProfile.vue
+++ b/src/views/mobile/users/UserProfile.vue
@@ -44,7 +44,7 @@
         <f7-button large fill :class="{ 'disabled': inputIsNotChanged || updating }" :text="$t('Update')" @click="update"></f7-button>
 
         <f7-sheet
-            style="height:auto; --f7-sheet-bg-color: #fff;"
+            style="height:auto"
             :opened="showInputPasswordSheet" @sheet:closed="showInputPasswordSheet = false"
         >
             <div class="sheet-modal-swipe-step">