fix sheet background color error in dark mode, set auto dark mode is enabled by default

src/lib/settings.js

@@ -6,7 +6,7 @@ const serverSettingsCookieKey = 'ACP_SETTINGS';
 const defaultSettings = {
     lang: 'en',
     animate: true,
-    autoDarkMode: false
+    autoDarkMode: true
 };
 
 function getOriginalSettings() {

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">

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">

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">