diff --git a/lib/theme/colors.dart b/lib/theme/colors.dart
index 474d3dfe1..f2c8aafb3 100644
--- a/lib/theme/colors.dart
+++ b/lib/theme/colors.dart
@@ -10,7 +10,7 @@ class EnteColorScheme {
 
   // Backdrop Colors
   final Color backdropBase;
-  final Color backdropBaseMute;
+  final Color backdropMuted;
   final Color backdropFaint;
 
   // Text Colors
@@ -55,7 +55,7 @@ class EnteColorScheme {
     this.backgroundElevated,
     this.backgroundElevated2,
     this.backdropBase,
-    this.backdropBaseMute,
+    this.backdropMuted,
     this.backdropFaint,
     this.textBase,
     this.textMuted,
@@ -147,13 +147,13 @@ const Color backgroundElevatedDark = Color.fromRGBO(27, 27, 27, 1);
 const Color backgroundElevated2Dark = Color.fromRGBO(37, 37, 37, 1);
 
 // Backdrop Colors
-const Color backdropBaseLight = Color.fromRGBO(255, 255, 255, 0.75);
-const Color backdropMutedLight = Color.fromRGBO(255, 255, 255, 0.30);
-const Color backdropFaintLight = Color.fromRGBO(255, 255, 255, 0.15);
+const Color backdropBaseLight = Color.fromRGBO(255, 255, 255, 0.92);
+const Color backdropMutedLight = Color.fromRGBO(255, 255, 255, 0.75);
+const Color backdropFaintLight = Color.fromRGBO(255, 255, 255, 0.30);
 
-const Color backdropBaseDark = Color.fromRGBO(0, 0, 0, 0.65);
-const Color backdropMutedDark = Color.fromRGBO(0, 0, 0, 0.20);
-const Color backdropFaintDark = Color.fromRGBO(0, 0, 0, 0.08);
+const Color backdropBaseDark = Color.fromRGBO(0, 0, 0, 0.90);
+const Color backdropMutedDark = Color.fromRGBO(0, 0, 0, 0.65);
+const Color backdropFaintDark = Color.fromRGBO(0, 0, 0, 0.20);
 
 // Text Colors
 const Color textBaseLight = Color.fromRGBO(0, 0, 0, 1);
diff --git a/lib/ui/components/action_sheet_widget.dart b/lib/ui/components/action_sheet_widget.dart
index 98d0f160e..d34d347c4 100644
--- a/lib/ui/components/action_sheet_widget.dart
+++ b/lib/ui/components/action_sheet_widget.dart
@@ -24,7 +24,7 @@ Future<dynamic> showActionSheet({
 }) {
   return showMaterialModalBottomSheet(
     backgroundColor: Colors.transparent,
-    barrierColor: backdropMutedDark,
+    barrierColor: backdropFaintDark,
     useRootNavigator: true,
     context: context,
     builder: (_) {
@@ -79,7 +79,7 @@ class ActionSheetWidget extends StatelessWidget {
           child: BackdropFilter(
             filter: ImageFilter.blur(sigmaX: blur, sigmaY: blur),
             child: Container(
-              color: backdropBaseDark,
+              color: backdropMutedDark,
               child: Padding(
                 padding: EdgeInsets.fromLTRB(
                   24,
diff --git a/lib/ui/home_widget.dart b/lib/ui/home_widget.dart
index 4affb49dc..72b9d95c5 100644
--- a/lib/ui/home_widget.dart
+++ b/lib/ui/home_widget.dart
@@ -445,7 +445,7 @@ class _HomeWidgetState extends State<HomeWidget> {
       ),
       backgroundColor: colorScheme.backgroundElevated,
       enableDrag: false,
-      barrierColor: backdropMutedDark,
+      barrierColor: backdropFaintDark,
       context: context,
       builder: (BuildContext context) {
         return Padding(
diff --git a/lib/ui/notification/prompts/password_reminder.dart b/lib/ui/notification/prompts/password_reminder.dart
index f054a5acd..b7f3d8c69 100644
--- a/lib/ui/notification/prompts/password_reminder.dart
+++ b/lib/ui/notification/prompts/password_reminder.dart
@@ -186,7 +186,7 @@ class _PasswordReminderState extends State<PasswordReminder> {
           content: content,
         );
       },
-      barrierColor: enteColor.backdropBaseMute,
+      barrierColor: enteColor.backdropFaint,
     );
   }
 
diff --git a/lib/ui/settings_page.dart b/lib/ui/settings_page.dart
index a508bae21..605565e99 100644
--- a/lib/ui/settings_page.dart
+++ b/lib/ui/settings_page.dart
@@ -30,7 +30,7 @@ class SettingsPage extends StatelessWidget {
     final enteColorScheme = getEnteColorScheme(context);
     return Scaffold(
       body: Container(
-        color: enteColorScheme.backdropBase,
+        color: enteColorScheme.backdropMuted,
         child: _getBody(context, enteColorScheme),
       ),
     );
diff --git a/lib/ui/viewer/file/fading_bottom_bar.dart b/lib/ui/viewer/file/fading_bottom_bar.dart
index 7352ac038..d9f226450 100644
--- a/lib/ui/viewer/file/fading_bottom_bar.dart
+++ b/lib/ui/viewer/file/fading_bottom_bar.dart
@@ -286,7 +286,7 @@ class FadingBottomBarState extends State<FadingBottomBar> {
       topControl: const SizedBox.shrink(),
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(0)),
       backgroundColor: colorScheme.backgroundElevated,
-      barrierColor: backdropMutedDark,
+      barrierColor: backdropFaintDark,
       context: context,
       builder: (BuildContext context) {
         return Padding(