Merge branch 'main' of git.hamburg.ccc.de:EH22/design
All checks were successful
/ build (push) Successful in 11s

This commit is contained in:
lilith 2025-03-04 22:13:35 +01:00
commit 73b7905086
Signed by: lilith
SSH key fingerprint: SHA256:7kmBUkMCVUCN9z9MyGuBan8hifDCBaiG1RonGxdCB3A
2 changed files with 2 additions and 9 deletions

View file

@ -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");
});

View file

@ -126,7 +126,7 @@
CSS filters. Which is why it requires the use of an SVG filter. But
support for external SVG filters (using
<code>url("filter.svg#filter-id")</code>) 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.
</p>
<p>
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