From b2a06dcc666a666d930c92650588236f695109e1 Mon Sep 17 00:00:00 2001
From: Elliott Sales de Andrade <quantum.analyst@gmail.com>
Date: Mon, 31 Oct 2022 20:12:03 -0400
Subject: [PATCH] Disable CloudFlare Rocket loader on dark mode script

If it's enabled, then the initialization of the dark mode does not occur
early enough, and the page will flash from light-to-dark if that was the
saved theme.

See the CloudFlare documentation for details:
https://support.cloudflare.com/hc/en-us/articles/200168056-Understanding-Rocket-Loader
---
 .../theme/pydata_sphinx_theme/layout.html                    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/layout.html b/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/layout.html
index ca08d053e..1209390fa 100644
--- a/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/layout.html
+++ b/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/layout.html
@@ -27,7 +27,10 @@
                                    or not theme_secondary_sidebar_items %}
 
 {%- block css %}
-  <script>
+  {# The data-cfasync attribute disables CloudFlare's Rocket loader so that #}
+  {# mode/theme are correctly set before the browser renders the page. #}
+  {# https://github.com/pydata/pydata-sphinx-theme/pull/1045 #}
+  <script data-cfasync="false">
     document.documentElement.dataset.mode = localStorage.getItem("mode") || "{{ default_mode }}";
     document.documentElement.dataset.theme = localStorage.getItem("theme") || "light";
   </script>