diff --git a/assets/js/theme-switcher.js b/assets/js/theme-switcher.js index 5777734..bc2e836 100644 --- a/assets/js/theme-switcher.js +++ b/assets/js/theme-switcher.js @@ -5,6 +5,7 @@ if (localStorage.getItem("useNewTheme") === "true") { function useNewTheme(useNewTheme) { localStorage.setItem("useNewTheme", `${useNewTheme}`); + // swap out v1 and v2 css style const v1cssIds = [ "cssFA1", "cssFA2", @@ -15,7 +16,7 @@ function useNewTheme(useNewTheme) { "css3", "css4", "css5", - "css6", + "css6" ]; v1cssIds.forEach((cssId) => { @@ -26,4 +27,17 @@ function useNewTheme(useNewTheme) { v2cssIds.forEach((cssId) => { document.getElementById(cssId).disabled = !useNewTheme; }); + + // swap out v1 and v2 elements + const v1ElementIds = ["sidebar"] + + v1ElementIds.forEach((elementId) => { + document.getElementById(elementId).style.display = useNewTheme ? "none" : ""; + }); + + const v2ElementIds = ["sidebar-v2"]; + v2ElementIds.forEach((elementId) => { + document.getElementById(elementId).style.display = useNewTheme ? "": "none"; + }); + } diff --git a/layouts/_default/docs.html b/layouts/_default/docs.html index 87a286a..e139a0c 100644 --- a/layouts/_default/docs.html +++ b/layouts/_default/docs.html @@ -1,8 +1,12 @@ {{ define "main" }}