diff --git a/styleguide/assets/script/styleguide.js b/styleguide/assets/script/styleguide.js index 65db9f6..dd4d4f5 100644 --- a/styleguide/assets/script/styleguide.js +++ b/styleguide/assets/script/styleguide.js @@ -2,13 +2,6 @@ document.querySelector("nav > button")?.addEventListener("click", (e) => { document.querySelector("nav").classList.toggle("visible"); }); -document.querySelectorAll(".toggleTheme")?.forEach((element) => - element.addEventListener("click", (e) => { - const newTheme = element.dataset.theme; - applyTheme(newTheme); - }), -); - document.querySelector("#themeDark").addEventListener("change", (e) => { setTheme(e.target.checked ? "dark" : "system"); }); diff --git a/styleguide/glow/index.html b/styleguide/glow/index.html index ef58778..7a4a95f 100644 --- a/styleguide/glow/index.html +++ b/styleguide/glow/index.html @@ -126,7 +126,7 @@ CSS filters. Which is why it requires the use of an SVG filter. But support for external SVG filters (using url("filter.svg#filter-id")) is still flaky, we instead - opted to have to versions of each glow. One using SVG filters for + opted to have two versions of each glow. One using SVG filters for use-cases which support it (like the logo), and one using CSS filters (as for this page's headings). Below you'll find implementation examples using the primary color CSS variable for the glow color as @@ -193,7 +193,7 @@ 0.03125.

- The value is needed for botha drop shadow as well as an inset shadow. + The value is needed for both drop shadows and inset shadows. Sadly, the latter is currently not possible using plain CSS filters. Which is why it requires the use of an SVG filter. But support for external SVG filters (using