Fix flicker on navigation in docs when using dark mode

docs/templates/partials/head.html

@@ -1,13 +1,10 @@
+<!-- sets correct theme on page refresh -->
+<script src="/static/js/docs-theme-change.js"></script>
+
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/tomorrow-night-eighties.min.css" />
 <link rel="stylesheet" href="/static/docs.css" />
 <link rel="shortcut icon" type="image/png" href="/static/images/dbciconwhite16.png" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
-
-<!-- sets correct theme on page refresh -->
-<script>
-  dbcdStoredTheme = localStorage.getItem('theme')
-  document.documentElement.setAttribute('data-bs-theme', dbcdStoredTheme)
-</script>

docs/templates/partials/scripts.html

@@ -1,6 +1,5 @@
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
 <script src="/static/js/highlight.min.js"></script>
-<script src="/static/js/docs-theme-change.js"></script>
 <script>
   hljs.configure({ignoreUnescapedHTML: true})
   hljs.highlightAll()