From 0f6f790eb9b938989f4fca884160d7c4e7948956 Mon Sep 17 00:00:00 2001
From: DeviousLab <deviouslab@gmail.com>
Date: Wed, 30 Jun 2021 16:20:41 +0400
Subject: [PATCH 1/5] Added white favicon for dark mode

---
 web/pandas/static/img/favicon_white.ico | Bin 0 -> 102199 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 web/pandas/static/img/favicon_white.ico

diff --git a/web/pandas/static/img/favicon_white.ico b/web/pandas/static/img/favicon_white.ico
new file mode 100644
index 0000000000000000000000000000000000000000..68223fc92f456459bd7f56f3c8c1ab50fb11e354
GIT binary patch
literal 102199
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

literal 0
HcmV?d00001


From d280c443b68f8f3d1a36c4974b298abfa234ae4d Mon Sep 17 00:00:00 2001
From: DeviousLab <deviouslab@gmail.com>
Date: Wed, 30 Jun 2021 16:21:17 +0400
Subject: [PATCH 2/5] Added script to change ico upon theme

---
 web/pandas/_templates/layout.html | 32 ++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
index 023bfe9e26b78..1b8034b4ac409 100644
--- a/web/pandas/_templates/layout.html
+++ b/web/pandas/_templates/layout.html
@@ -12,7 +12,8 @@
         <title>pandas - Python Data Analysis Library</title>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <link rel='shortcut icon' type='image/x-icon' href='{{ base_url }}/static/img/favicon.ico'/>
+        <link rel='shortcut icon' type='image/x-icon' id='light-scheme-con' href='{{ base_url }}/static/img/favicon.ico'/>
+        <link rel='shortcut icon' type='image/x-icon' id='dark-scheme-icon' href='{{ base_url }}/static/img/favicon_white.ico'/>
         <link rel="stylesheet"
               href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
               integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
@@ -99,5 +100,34 @@
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
                 integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
                 crossorigin="anonymous"></script>
+        <script type="text/javascript">
+        function setupIcons() {
+            const lightSchemeIcon = document.querySelector('link#light-scheme-icon');
+            const darkSchemeIcon = document.querySelector('link#dark-scheme-icon');
+
+            function setLight() {
+                document.head.append(lightSchemeIcon);
+                darkSchemeIcon.remove();
+            }
+
+            function setDark() {
+                lightSchemeIcon.remove();
+                document.head.append(darkSchemeIcon);
+            }
+
+            const matcher = window.matchMedia('(prefers-color-scheme:dark)');
+            function onUpdate() {
+                if (matcher.matches) {
+                setDark();
+                } else {
+                setLight();
+                }
+            }
+            matcher.addListener(onUpdate);
+            onUpdate();
+            }
+
+            setupIcons();
+        </script>
     </body>
 </html>

From 572f856d4fb2523eee1bad85d024b12dc465df6a Mon Sep 17 00:00:00 2001
From: DeviousLab <53790060+DeviousLab@users.noreply.github.com>
Date: Thu, 1 Jul 2021 09:12:24 +0400
Subject: [PATCH 3/5] Added suggested indenting

Co-authored-by: attack68 <24256554+attack68@users.noreply.github.com>
---
 web/pandas/_templates/layout.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
index 1b8034b4ac409..8459a05fdbb3c 100644
--- a/web/pandas/_templates/layout.html
+++ b/web/pandas/_templates/layout.html
@@ -125,9 +125,9 @@
             }
             matcher.addListener(onUpdate);
             onUpdate();
-            }
+        }
 
-            setupIcons();
+        setupIcons();
         </script>
     </body>
 </html>

From 0bec585d83e1736d72ea2080024952edfef37316 Mon Sep 17 00:00:00 2001
From: DeviousLab <53790060+DeviousLab@users.noreply.github.com>
Date: Thu, 1 Jul 2021 09:13:42 +0400
Subject: [PATCH 4/5] Described with comment what the script does

Co-authored-by: attack68 <24256554+attack68@users.noreply.github.com>
---
 web/pandas/_templates/layout.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
index 8459a05fdbb3c..088b224293162 100644
--- a/web/pandas/_templates/layout.html
+++ b/web/pandas/_templates/layout.html
@@ -102,6 +102,7 @@
                 crossorigin="anonymous"></script>
         <script type="text/javascript">
         function setupIcons() {
+            // change the favicon based on browser detected color scheme on refresh
             const lightSchemeIcon = document.querySelector('link#light-scheme-icon');
             const darkSchemeIcon = document.querySelector('link#dark-scheme-icon');
 

From 25275a5e8a18a86ec61c6f64691a21a7423ffd7b Mon Sep 17 00:00:00 2001
From: DeviousLab <deviouslab@gmail.com>
Date: Fri, 2 Jul 2021 12:42:29 +0400
Subject: [PATCH 5/5] Condensed js to update href

Simplified code as requested, now updates the favicon without requiring refresh through use of a event listener. And now just updates the href of the current favicon.
---
 web/pandas/_templates/layout.html | 38 ++++++++-----------------------
 1 file changed, 10 insertions(+), 28 deletions(-)

diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
index 088b224293162..49990ac60fcd4 100644
--- a/web/pandas/_templates/layout.html
+++ b/web/pandas/_templates/layout.html
@@ -12,8 +12,7 @@
         <title>pandas - Python Data Analysis Library</title>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <link rel='shortcut icon' type='image/x-icon' id='light-scheme-con' href='{{ base_url }}/static/img/favicon.ico'/>
-        <link rel='shortcut icon' type='image/x-icon' id='dark-scheme-icon' href='{{ base_url }}/static/img/favicon_white.ico'/>
+        <link rel='shortcut icon' type='image/x-icon' id='favicon-tag' href='{{ base_url }}/static/img/favicon.ico'/>
         <link rel="stylesheet"
               href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
               integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
@@ -101,34 +100,17 @@
                 integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
                 crossorigin="anonymous"></script>
         <script type="text/javascript">
-        function setupIcons() {
-            // change the favicon based on browser detected color scheme on refresh
-            const lightSchemeIcon = document.querySelector('link#light-scheme-icon');
-            const darkSchemeIcon = document.querySelector('link#dark-scheme-icon');
-
-            function setLight() {
-                document.head.append(lightSchemeIcon);
-                darkSchemeIcon.remove();
-            }
-
-            function setDark() {
-                lightSchemeIcon.remove();
-                document.head.append(darkSchemeIcon);
-            }
-
+            const faviconTag = document.getElementById('favicon-tag');
             const matcher = window.matchMedia('(prefers-color-scheme:dark)');
-            function onUpdate() {
-                if (matcher.matches) {
-                setDark();
-                } else {
-                setLight();
-                }
-            }
-            matcher.addListener(onUpdate);
+            
+            const onUpdate = () => {
+                if (matcher.matches) faviconTag.href = "{{ base_url }}/static/img/favicon_white.ico";
+                else faviconTag.href = "{{ base_url }}/static/img/favicon.ico";
+            };
+            
             onUpdate();
-        }
-
-        setupIcons();
+            
+            matcher.addEventListener('change', onUpdate);
         </script>
     </body>
 </html>