feat: dark mode in android webviews

lib/pages/fast_pass_page/fast_pass_page_widget.dart

@@ -1,8 +1,10 @@
 import 'dart:io' show Platform;
 
 import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:hub/app_state.dart';
+import 'package:hub/shared/utils/webview_util.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
@@ -92,6 +94,16 @@ class _FastPassPageWidgetState extends State<FastPassPageWidget> {
                           _controllerAll.runJavaScript(data);
                           _controllerAll.runJavaScript(backNavigation);
                         },
+                        onPageFinished: (String url) {
+                          bool isDarkMode = SchedulerBinding.instance
+                                  .platformDispatcher.platformBrightness ==
+                              Brightness.dark;
+
+                          if (isDarkMode) {
+                            _controllerAll
+                                .runJavaScript(WebviewUtil.jsEnableDarkMode);
+                          }
+                        },
                         onNavigationRequest: (NavigationRequest request) {
                           if (request.url.startsWith('http') ||
                               request.url.startsWith(

lib/pages/reservation_page/reservation_page_widget.dart

@@ -1,8 +1,10 @@
 import 'dart:developer';
 
+import 'package:flutter/scheduler.dart';
 import 'package:hub/app_state.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
+import 'package:hub/shared/utils/webview_util.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 import 'dart:io' show Platform;
@@ -56,9 +58,15 @@ class _ReservationPageWidgetState extends State<ReservationPageWidget> {
                   _controllerIOS = controller;
                 },
                 onLoadStop: (controller, url) async {
-            await controller.evaluateJavascript(source: "window.localStorage.setItem('fre-token', '\"${widget.freToken}\"')");
+                  await controller.evaluateJavascript(
-            await controller.evaluateJavascript(source: "window.localStorage.setItem('fre-user-data', '${widget.freUserData}')");
+                      source:
-            await controller.evaluateJavascript(source: "window.localStorage.setItem('enableBackButton', 'true')");
+                          "window.localStorage.setItem('fre-token', '\"${widget.freToken}\"')");
+                  await controller.evaluateJavascript(
+                      source:
+                          "window.localStorage.setItem('fre-user-data', '${widget.freUserData}')");
+                  await controller.evaluateJavascript(
+                      source:
+                          "window.localStorage.setItem('enableBackButton', 'true')");
                 },
                 onUpdateVisitedHistory: (controller, uri, isVisited) {
                   if (uri.toString().contains('/hub/home')) {
@@ -76,18 +84,31 @@ class _ReservationPageWidgetState extends State<ReservationPageWidget> {
                     NavigationDelegate(
                         onProgress: (int progress) {},
                         onPageStarted: (String url) {
-                  final String token = "localStorage.setItem('fre-token', '\"${widget.freToken}\"');";
+                          final String token =
-                  final String data = "localStorage.setItem('fre-user-data', '${widget.freUserData}');";
+                              "localStorage.setItem('fre-token', '\"${widget.freToken}\"');";
-                  const String backNavigation = "localStorage.setItem('enableBackButton', 'true');";
+                          final String data =
+                              "localStorage.setItem('fre-user-data', '${widget.freUserData}');";
+                          const String backNavigation =
+                              "localStorage.setItem('enableBackButton', 'true');";
 
                           _controllerAll.runJavaScript(token);
                           _controllerAll.runJavaScript(data);
                           _controllerAll.runJavaScript(backNavigation);
                         },
+                        onPageFinished: (String url) {
+                          bool isDarkMode = SchedulerBinding.instance
+                                  .platformDispatcher.platformBrightness ==
+                              Brightness.dark;
+
+                          if (isDarkMode) {
+                            _controllerAll
+                                .runJavaScript(WebviewUtil.jsEnableDarkMode);
+                          }
+                        },
                         onNavigationRequest: (NavigationRequest request) {
                           if (request.url.startsWith('http') ||
-                      request.url
+                              request.url.startsWith(
-                          .startsWith('https://api.whatsapp.com/send') ||
+                                  'https://api.whatsapp.com/send') ||
                               request.url.startsWith('https://wa.me')) {
                             launchUrlString(request.url);
                             return NavigationDecision.prevent;
@@ -98,8 +119,7 @@ class _ReservationPageWidgetState extends State<ReservationPageWidget> {
                           if (url.url.toString().contains('/hub/home')) {
                             Navigator.pop(context);
                           }
-                }
+                        }),
-              ),
                   )
                   ..loadRequest(Uri.parse(url)),
               ),

lib/shared/utils/webview_util.dart

@@ -0,0 +1,20 @@
+class WebviewUtil {
+  static const jsEnableDarkMode = '''
+      try {
+        for (let s = 0; s < window.document.styleSheets.length; s++) {
+          for (let i = 0; i < window.document.styleSheets[s].cssRules.length; i++) {
+            const rule = window.document.styleSheets[s].cssRules[i];
+
+            if (rule?.media?.mediaText?.includes('prefers-color-scheme')) {
+              rule.media.appendMedium('(prefers-color-scheme: light)');
+              rule.media.appendMedium('(prefers-color-scheme: dark)');
+
+              if (rule.media.mediaText.includes('original')) {
+                rule.media.deleteMedium("original-prefers-color-scheme");
+              }
+            }
+          }
+        }
+      } catch (err) {}
+    ''';
+}