diff --git a/lib/theme/effects.dart b/lib/theme/effects.dart index e13558517..3bc00a3ec 100644 --- a/lib/theme/effects.dart +++ b/lib/theme/effects.dart @@ -1,8 +1,8 @@ import 'package:flutter/material.dart'; -const blurBase = 96; -const blurMuted = 48; -const blurFaint = 24; +const blurBase = 96.0; +const blurMuted = 48.0; +const blurFaint = 24.0; List shadowFloatLight = const [ BoxShadow(blurRadius: 10, color: Color.fromRGBO(0, 0, 0, 0.25)), diff --git a/lib/ui/home_widget.dart b/lib/ui/home_widget.dart index ad531b828..dd6d53af7 100644 --- a/lib/ui/home_widget.dart +++ b/lib/ui/home_widget.dart @@ -35,6 +35,7 @@ import 'package:photos/services/update_service.dart'; import 'package:photos/services/user_service.dart'; import 'package:photos/states/user_details_state.dart'; import 'package:photos/theme/colors.dart'; +import 'package:photos/theme/effects.dart'; import 'package:photos/theme/ente_theme.dart'; import 'package:photos/ui/backup_folder_selection_page.dart'; import 'package:photos/ui/collections_gallery_widget.dart'; @@ -639,6 +640,11 @@ class _HomeBottomNavigationBarState extends State { Widget build(BuildContext context) { final bool filesAreSelected = widget.selectedFiles.files.isNotEmpty; final enteColorScheme = getEnteColorScheme(context); + final navBarBlur = + MediaQuery.of(context).platformBrightness == Brightness.light + ? blurBase + : blurMuted; + return AnimatedContainer( duration: const Duration(milliseconds: 300), curve: Curves.easeInOut, @@ -662,7 +668,8 @@ class _HomeBottomNavigationBarState extends State { height: 48, child: ClipRect( child: BackdropFilter( - filter: ImageFilter.blur(sigmaX: 96, sigmaY: 96), + filter: ImageFilter.blur( + sigmaX: navBarBlur, sigmaY: navBarBlur), child: GNav( curve: Curves.easeOutExpo, backgroundColor: