Tint appbar and system navigation bar

lib/widgets/layout.dart

@@ -2,6 +2,8 @@ import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 
+import 'package:my_linkding/widgets/system_overlay_style.dart';
+
 class Layout extends StatelessWidget {
   final StatefulNavigationShell navigationShell;
 
@@ -19,7 +21,8 @@ class Layout extends StatelessWidget {
       );
     }
 
-    return Scaffold(
+    return OverlayStyle(
+      child: Scaffold(
         body: PageTransitionSwitcher(
           duration: const Duration(milliseconds: 200),
           transitionBuilder: (child, primaryAnimation, secondaryAnimation) => FadeThroughTransition(
@@ -47,6 +50,7 @@ class Layout extends StatelessWidget {
             ),
           ],
         ),
+      ),
     );
   }
 }

lib/widgets/system_overlay_style.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class OverlayStyle extends StatelessWidget {
+  final Widget child;
+
+  const OverlayStyle({
+    super.key,
+    required this.child,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final systemGestureInsets = MediaQuery.of(context).systemGestureInsets;
+
+    return AnnotatedRegion<SystemUiOverlayStyle>(
+      value: SystemUiOverlayStyle(
+        statusBarColor: Colors.transparent,
+        statusBarBrightness: Theme.of(context).brightness == Brightness.light ? Brightness.light : Brightness.dark,
+        statusBarIconBrightness: Theme.of(context).brightness == Brightness.light ? Brightness.dark : Brightness.light,
+        systemNavigationBarColor: systemGestureInsets.left > 0 // If true gestures navigation
+            ? Colors.transparent
+            : ElevationOverlay.applySurfaceTint(
+                Theme.of(context).colorScheme.surface,
+                Theme.of(context).colorScheme.surfaceTint,
+                3,
+              ),
+        systemNavigationBarIconBrightness:
+            Theme.of(context).brightness == Brightness.light ? Brightness.dark : Brightness.light,
+      ),
+      child: child,
+    );
+  }
+}