fix(fab): Add dark theme support for FAB Security pages

providers/fab/src/airflow/providers/fab/www/static/dist/manifest.json

@@ -5,8 +5,8 @@
   "flash.js": "flash.865b6940c00b2a9041b3.js",
   "loadingDots.css": "loadingDots.07f5b9805847242736e1.css",
   "loadingDots.js": "loadingDots.07f5b9805847242736e1.js",
-  "main.css": "main.99b8deb941ee474726c9.css",
-  "main.js": "main.99b8deb941ee474726c9.js",
+  "main.css": "main.8cffe40bcf7cca998f4e.css",
+  "main.js": "main.8cffe40bcf7cca998f4e.js",
   "materialIcons.css": "materialIcons.4fe84ae36604d84dec78.css",
   "materialIcons.js": "materialIcons.4fe84ae36604d84dec78.js",
   "moment.js": "moment.0ec3ee3fb60dc999b1fd.js",

providers/fab/src/airflow/providers/fab/www/static/js/main.js

@@ -275,6 +275,17 @@ function filterOpSelected(ele) {
   }
 }
 
+// Apply color scheme from main UI's theme preference (stored by next-themes)
+function applyColorScheme() {
+  const theme = localStorage.getItem("theme");
+  if (theme === "dark" || theme === "light") {
+    document.documentElement.setAttribute("data-color-scheme", theme);
+  }
+}
+
+// Apply immediately to prevent flash of wrong theme
+applyColorScheme();
+
 $(document).ready(() => {
   initializeUITimezone();
 

providers/fab/src/airflow/providers/fab/www/templates/airflow/main.html

@@ -58,6 +58,7 @@
     var hostName = '{{ hostname }}';
     $('time[title]').tooltip();
   </script>
+  <script src="{{ url_for_asset('runtime.js') }}"></script>
   <script src="{{ url_for_asset('moment.js') }}"></script>
   <script src="{{ url_for_asset('jquery-ui.min.js') }}"></script>
   <script src="{{ url_for_asset('main.js') }}"></script>

providers/fab/www-hash.txt

@@ -1 +1 @@
-17e7dd3aa9da36e2df592eaed1c385c8d1af451612550dce99b57a74e2faf228
+7c7b2ff608159b9ea6048dfdd0dd7ccc0041fd362d54324cc869948585e4cc69