From 900d01b1dea262674f2ce019f064e0fb0922a964 Mon Sep 17 00:00:00 2001
From: Glenn Jocher <glenn.jocher@ultralytics.com>
Date: Fri, 22 Nov 2024 00:37:10 +0100
Subject: [PATCH 1/2] Update extra.js

---
 docs/overrides/javascript/extra.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/overrides/javascript/extra.js b/docs/overrides/javascript/extra.js
index a86a4ff..2a51d23 100644
--- a/docs/overrides/javascript/extra.js
+++ b/docs/overrides/javascript/extra.js
@@ -1,4 +1,5 @@
-// Apply theme colors based on dark/light mode -------------------------------------------------------------------------
+// Apply theme colors based on dark/light mode
+const applyTheme = isDark => {
   document.body.setAttribute('data-md-color-scheme', isDark ? 'slate' : 'default');
   document.body.setAttribute('data-md-color-primary', isDark ? 'black' : 'indigo');
 };
@@ -16,9 +17,11 @@ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', che
 
 // Initialize theme handling on page load
 document.addEventListener('DOMContentLoaded', () => {
+  // Watch for theme toggle changes
   document.getElementById('__palette_1')?.addEventListener('change', e =>
     e.target.checked && setTimeout(checkTheme)
   );
+  // Initial theme check
   checkTheme();
 });
 

From e828a38d572eb124a9c9b9f71036990007f4c7b3 Mon Sep 17 00:00:00 2001
From: UltralyticsAssistant <web@ultralytics.com>
Date: Thu, 21 Nov 2024 23:37:47 +0000
Subject: [PATCH 2/2] Auto-format by https://ultralytics.com/actions

---
 docs/overrides/javascript/extra.js | 34 ++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/docs/overrides/javascript/extra.js b/docs/overrides/javascript/extra.js
index 2a51d23..2de7572 100644
--- a/docs/overrides/javascript/extra.js
+++ b/docs/overrides/javascript/extra.js
@@ -1,26 +1,38 @@
 // Apply theme colors based on dark/light mode
-const applyTheme = isDark => {
-  document.body.setAttribute('data-md-color-scheme', isDark ? 'slate' : 'default');
-  document.body.setAttribute('data-md-color-primary', isDark ? 'black' : 'indigo');
+const applyTheme = (isDark) => {
+  document.body.setAttribute(
+    "data-md-color-scheme",
+    isDark ? "slate" : "default",
+  );
+  document.body.setAttribute(
+    "data-md-color-primary",
+    isDark ? "black" : "indigo",
+  );
 };
 
 // Check and apply appropriate theme based on system/user preference
 const checkTheme = () => {
-  const palette = JSON.parse(localStorage.getItem('.__palette') || '{}');
-  if (palette.index === 0) {  // Auto mode is selected
-    applyTheme(window.matchMedia('(prefers-color-scheme: dark)').matches);
+  const palette = JSON.parse(localStorage.getItem(".__palette") || "{}");
+  if (palette.index === 0) {
+    // Auto mode is selected
+    applyTheme(window.matchMedia("(prefers-color-scheme: dark)").matches);
   }
 };
 
 // Watch for system theme changes
-window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', checkTheme);
+window
+  .matchMedia("(prefers-color-scheme: dark)")
+  .addEventListener("change", checkTheme);
 
 // Initialize theme handling on page load
-document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener("DOMContentLoaded", () => {
   // Watch for theme toggle changes
-  document.getElementById('__palette_1')?.addEventListener('change', e =>
-    e.target.checked && setTimeout(checkTheme)
-  );
+  document
+    .getElementById("__palette_1")
+    ?.addEventListener(
+      "change",
+      (e) => e.target.checked && setTimeout(checkTheme),
+    );
   // Initial theme check
   checkTheme();
 });