From 7b5435a9855111dd34422ff0067c1955c43875eb Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 5 Jan 2024 17:31:11 +0800
Subject: Dark: Fix hero colors on homepage

We can now use `[data-theme="dark"]` selector in CSS to defined styles
specifically for dark mode. This follows common web dev patterns and
gives little overhead.

- Hero
  - Added `wave_black` SVG which copies `wave_white` as is but uses the
    site's dark mode background color.
---
 pydis_site/static/js/base/navbar.js | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'pydis_site/static/js')

diff --git a/pydis_site/static/js/base/navbar.js b/pydis_site/static/js/base/navbar.js
index 04850add..2a57cad4 100644
--- a/pydis_site/static/js/base/navbar.js
+++ b/pydis_site/static/js/base/navbar.js
@@ -30,6 +30,8 @@ function setStyleSheets(newTheme) {
             darkStylesheet.disabled = false;
             break;
     }
+
+    document.querySelector("html").setAttribute("data-theme", newTheme);
 }
 
 // Reflect chosen theme on the switch toggle.
-- 
cgit v1.2.3