From b754a9ce85de3999767f955545d56723519dbd0e Mon Sep 17 00:00:00 2001 From: donfiguerres Date: Wed, 26 May 2021 01:41:34 +0800 Subject: [PATCH] Added invisible element to hack theme initialization. --- layouts/_default/baseof.html | 6 ++++++ layouts/index.html | 5 +++++ layouts/partials/helpers/darkmode.html | 3 +++ layouts/partials/navigators/theme-selector.html | 3 +-- static/js/darkmode.js | 6 +++--- 5 files changed, 18 insertions(+), 5 deletions(-) create mode 100644 layouts/partials/helpers/darkmode.html diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index f733092..38870aa 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -15,6 +15,12 @@ + + + {{ if site.Params.darkTheme.enable }} + {{ partial "helpers/darkmode.html" . }} + {{ end }} +
{{ block "navbar" . }} {{ end }} diff --git a/layouts/index.html b/layouts/index.html index 9a5d5dd..952a8bd 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -32,6 +32,11 @@ + + {{ if site.Params.darkTheme.enable }} + {{ partial "helpers/darkmode.html" . }} + {{ end }} + {{- partial "navigators/navbar.html" . -}} diff --git a/layouts/partials/helpers/darkmode.html b/layouts/partials/helpers/darkmode.html new file mode 100644 index 0000000..c0ccb5d --- /dev/null +++ b/layouts/partials/helpers/darkmode.html @@ -0,0 +1,3 @@ + + \ No newline at end of file diff --git a/layouts/partials/navigators/theme-selector.html b/layouts/partials/navigators/theme-selector.html index f7dadcd..ef4f294 100644 --- a/layouts/partials/navigators/theme-selector.html +++ b/layouts/partials/navigators/theme-selector.html @@ -1,6 +1,5 @@
  • -
    Light diff --git a/static/js/darkmode.js b/static/js/darkmode.js index 4b847a5..f479361 100644 --- a/static/js/darkmode.js +++ b/static/js/darkmode.js @@ -22,11 +22,11 @@ function useSystemTheme() { } function initializeColorScheme() { - // We're using the themeSelector attributes as a 'hack' for setting up the + // We're using the themeInitialization attributes as a 'hack' for setting up the // default color scheme becauase we don't want to complicate this further by // creating custom javascript output in Hugo. - themeSelector = document.getElementById("themeSelector"); - defaultColorScheme = themeSelector.getAttribute('default-theme'); + themeInitialization = document.getElementById("themeInitialization"); + defaultColorScheme = themeInitialization.getAttribute('default-theme'); // If the user has already selected a preferred theme then use that instead // of the default theme. Also, the default theme gets loaded to localStorage // on the first visit.