diff options
| -rw-r--r-- | site/content/docs/5.2/customize/color-modes.md | 2 | ||||
| -rw-r--r-- | site/layouts/partials/header.html | 6 | ||||
| -rw-r--r-- | site/static/docs/5.2/assets/js/color-modes.js (renamed from site/assets/js/color-modes/index.js) | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/site/content/docs/5.2/customize/color-modes.md b/site/content/docs/5.2/customize/color-modes.md index 929075cbb..bf1692ae1 100644 --- a/site/content/docs/5.2/customize/color-modes.md +++ b/site/content/docs/5.2/customize/color-modes.md @@ -248,7 +248,7 @@ Here's a look at the JavaScript that powers it. Feel free to inspect our own doc {{< example lang="js" show_preview="false" >}} {{< js.inline >}} -{{- readFile (path.Join "site/assets/js/color-modes/index.js") -}} +{{- readFile (path.Join "site/static/docs" .Site.Params.docs_version "assets/js/color-modes.js") -}} {{< /js.inline >}} {{< /example >}} diff --git a/site/layouts/partials/header.html b/site/layouts/partials/header.html index 327ed1488..22528ae47 100644 --- a/site/layouts/partials/header.html +++ b/site/layouts/partials/header.html @@ -1,6 +1,3 @@ -{{- $colorModeJS := resources.Get "js/color-modes/index.js" }} -<script src="{{ $colorModeJS.Permalink | relURL }}"></script> - <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="{{ .Page.Params.description | default .Site.Params.description | markdownify }}"> @@ -22,6 +19,9 @@ <meta name="robots" content="{{ . }}"> {{- end }} +{{- $colorModeJS := printf "/docs/%s/assets/js/color-modes.js" $.Site.Params.docs_version -}} +<script src="{{ $colorModeJS | relURL }}"></script> + {{ partial "stylesheet" . }} {{ partial "favicons" . }} {{ partial "social" . }} diff --git a/site/assets/js/color-modes/index.js b/site/static/docs/5.2/assets/js/color-modes.js index 51bfd40a7..41b6b893e 100644 --- a/site/assets/js/color-modes/index.js +++ b/site/static/docs/5.2/assets/js/color-modes.js @@ -46,7 +46,7 @@ } }) - window.addEventListener('load', () => { + window.addEventListener('DOMContentLoaded', () => { showActiveTheme(getPreferredTheme()) document.querySelectorAll('[data-bs-theme-value]') |