diff --git a/mobile/lib/pages/backup/backup_controller.page.dart b/mobile/lib/pages/backup/backup_controller.page.dart
index 86cd8b2baa..7b86f3225c 100644
--- a/mobile/lib/pages/backup/backup_controller.page.dart
+++ b/mobile/lib/pages/backup/backup_controller.page.dart
@@ -1,9 +1,11 @@
+import 'dart:async';
 import 'dart:io';
 import 'dart:math';
 
 import 'package:auto_route/auto_route.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:immich_mobile/extensions/build_context_extensions.dart';
@@ -29,6 +31,9 @@ class BackupControllerPage extends HookConsumerWidget {
     BackUpState backupState = ref.watch(backupProvider);
     final hasAnyAlbum = backupState.selectedBackupAlbums.isNotEmpty;
     final didGetBackupInfo = useState(false);
+    final isScreenDarkened = useState(false);
+    final darkenScreenTimer = useRef<Timer?>(null);
+
     bool hasExclusiveAccess =
         backupState.backupProgress != BackUpProgressEnum.inBackground;
     bool shouldBackup = backupState.allUniqueAssets.length -
@@ -38,6 +43,25 @@ class BackupControllerPage extends HookConsumerWidget {
         ? false
         : true;
 
+    void startScreenDarkenTimer() {
+      darkenScreenTimer.value = Timer(const Duration(seconds: 30), () {
+        isScreenDarkened.value = true;
+        SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+      });
+    }
+
+    void stopScreenDarkenTimer() {
+      isScreenDarkened.value = false;
+      darkenScreenTimer.value?.cancel();
+      SystemChrome.setEnabledSystemUIMode(
+        SystemUiMode.manual,
+        overlays: [
+          SystemUiOverlay.top,
+          SystemUiOverlay.bottom,
+        ],
+      );
+    }
+
     useEffect(
       () {
         // Update the background settings information just to make sure we
@@ -52,8 +76,11 @@ class BackupControllerPage extends HookConsumerWidget {
             .stopListenToEvent('on_upload_success');
 
         WakelockPlus.enable();
+
         return () {
           WakelockPlus.disable();
+          darkenScreenTimer.value?.cancel();
+          isScreenDarkened.value = false;
         };
       },
       [],
@@ -71,6 +98,19 @@ class BackupControllerPage extends HookConsumerWidget {
       [backupState.backupProgress],
     );
 
+    useEffect(
+      () {
+        if (backupState.backupProgress == BackUpProgressEnum.inProgress) {
+          startScreenDarkenTimer();
+        } else {
+          stopScreenDarkenTimer();
+        }
+
+        return null;
+      },
+      [backupState.backupProgress],
+    );
+
     Widget buildSelectedAlbumName() {
       var text = "backup_controller_page_backup_selected".tr();
       var albums = ref.watch(backupProvider).selectedBackupAlbums;
@@ -257,72 +297,102 @@ class BackupControllerPage extends HookConsumerWidget {
       );
     }
 
-    return Scaffold(
-      appBar: AppBar(
-        elevation: 0,
-        title: const Text(
-          "backup_controller_page_backup",
-        ).tr(),
-        leading: IconButton(
-          onPressed: () {
-            ref.watch(websocketProvider.notifier).listenUploadEvent();
-            context.maybePop(true);
-          },
-          splashRadius: 24,
-          icon: const Icon(
-            Icons.arrow_back_ios_rounded,
-          ),
-        ),
-        actions: [
-          Padding(
-            padding: const EdgeInsets.only(right: 8.0),
-            child: IconButton(
-              onPressed: () => context.pushRoute(const BackupOptionsRoute()),
+    return GestureDetector(
+      onTap: () {
+        if (isScreenDarkened.value) {
+          stopScreenDarkenTimer();
+        }
+        if (backupState.backupProgress == BackUpProgressEnum.inProgress) {
+          startScreenDarkenTimer();
+        }
+      },
+      child: AnimatedOpacity(
+        opacity: isScreenDarkened.value ? 0.1 : 1.0,
+        duration: const Duration(seconds: 1),
+        child: Scaffold(
+          appBar: AppBar(
+            elevation: 0,
+            title: const Text(
+              "backup_controller_page_backup",
+            ).tr(),
+            leading: IconButton(
+              onPressed: () {
+                ref.watch(websocketProvider.notifier).listenUploadEvent();
+                context.maybePop(true);
+              },
               splashRadius: 24,
               icon: const Icon(
-                Icons.settings_outlined,
+                Icons.arrow_back_ios_rounded,
               ),
             ),
+            actions: [
+              Padding(
+                padding: const EdgeInsets.only(right: 8.0),
+                child: IconButton(
+                  onPressed: () =>
+                      context.pushRoute(const BackupOptionsRoute()),
+                  splashRadius: 24,
+                  icon: const Icon(
+                    Icons.settings_outlined,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          body: Stack(
+            children: [
+              Padding(
+                padding:
+                    const EdgeInsets.only(left: 16.0, right: 16, bottom: 32),
+                child: ListView(
+                  // crossAxisAlignment: CrossAxisAlignment.start,
+                  children: hasAnyAlbum
+                      ? [
+                          buildFolderSelectionTile(),
+                          BackupInfoCard(
+                            title: "backup_controller_page_total".tr(),
+                            subtitle: "backup_controller_page_total_sub".tr(),
+                            info: ref
+                                    .watch(backupProvider)
+                                    .availableAlbums
+                                    .isEmpty
+                                ? "..."
+                                : "${backupState.allUniqueAssets.length}",
+                          ),
+                          BackupInfoCard(
+                            title: "backup_controller_page_backup".tr(),
+                            subtitle: "backup_controller_page_backup_sub".tr(),
+                            info: ref
+                                    .watch(backupProvider)
+                                    .availableAlbums
+                                    .isEmpty
+                                ? "..."
+                                : "${backupState.selectedAlbumsBackupAssetsIds.length}",
+                          ),
+                          BackupInfoCard(
+                            title: "backup_controller_page_remainder".tr(),
+                            subtitle:
+                                "backup_controller_page_remainder_sub".tr(),
+                            info: ref
+                                    .watch(backupProvider)
+                                    .availableAlbums
+                                    .isEmpty
+                                ? "..."
+                                : "${max(0, backupState.allUniqueAssets.length - backupState.selectedAlbumsBackupAssetsIds.length)}",
+                          ),
+                          const Divider(),
+                          const CurrentUploadingAssetInfoBox(),
+                          if (!hasExclusiveAccess) buildBackgroundBackupInfo(),
+                          buildBackupButton(),
+                        ]
+                      : [
+                          buildFolderSelectionTile(),
+                          if (!didGetBackupInfo.value) buildLoadingIndicator(),
+                        ],
+                ),
+              ),
+            ],
           ),
-        ],
-      ),
-      body: Padding(
-        padding: const EdgeInsets.only(left: 16.0, right: 16, bottom: 32),
-        child: ListView(
-          // crossAxisAlignment: CrossAxisAlignment.start,
-          children: hasAnyAlbum
-              ? [
-                  buildFolderSelectionTile(),
-                  BackupInfoCard(
-                    title: "backup_controller_page_total".tr(),
-                    subtitle: "backup_controller_page_total_sub".tr(),
-                    info: ref.watch(backupProvider).availableAlbums.isEmpty
-                        ? "..."
-                        : "${backupState.allUniqueAssets.length}",
-                  ),
-                  BackupInfoCard(
-                    title: "backup_controller_page_backup".tr(),
-                    subtitle: "backup_controller_page_backup_sub".tr(),
-                    info: ref.watch(backupProvider).availableAlbums.isEmpty
-                        ? "..."
-                        : "${backupState.selectedAlbumsBackupAssetsIds.length}",
-                  ),
-                  BackupInfoCard(
-                    title: "backup_controller_page_remainder".tr(),
-                    subtitle: "backup_controller_page_remainder_sub".tr(),
-                    info: ref.watch(backupProvider).availableAlbums.isEmpty
-                        ? "..."
-                        : "${max(0, backupState.allUniqueAssets.length - backupState.selectedAlbumsBackupAssetsIds.length)}",
-                  ),
-                  const Divider(),
-                  const CurrentUploadingAssetInfoBox(),
-                  if (!hasExclusiveAccess) buildBackgroundBackupInfo(),
-                  buildBackupButton(),
-                ]
-              : [
-                  buildFolderSelectionTile(),
-                  if (!didGetBackupInfo.value) buildLoadingIndicator(),
-                ],
         ),
       ),
     );