From 01deafa5bf5b68784d434d6f361c21d72cf89069 Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Tue, 8 Feb 2022 00:43:03 +0000
Subject: Add initial dark theme

---
 pydis_site/static/css/base/navbar.css | 83 +++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 pydis_site/static/css/base/navbar.css

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
new file mode 100644
index 00000000..95ca36b8
--- /dev/null
+++ b/pydis_site/static/css/base/navbar.css
@@ -0,0 +1,83 @@
+.switch {
+  position: relative;
+  height: 3.25em;
+  width: 6.5em;
+  cursor: pointer;
+}
+
+.switch-outer {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: 2em;
+  transition: background-color 0.3s ease-out;
+}
+
+.switch.dark .switch-outer {
+  background-color: #22272E;
+}
+
+.switch.light .switch-outer {
+  background-color: #3f61d9;
+}
+
+.switch-inner {
+  width: 95%;
+  top: 50%;
+  border-radius: 2em;
+  transition: background-color 0.2s ease-out;
+}
+
+.switch.light .switch-inner {
+  background-color: #7289da;
+}
+.switch.dark .switch-inner {
+  background-color: #1b2137;
+}
+
+.knob {
+  position: absolute;
+  height: 75%;
+  width: 37.5%;
+  top: 50%;
+  transform: translate(0%, -65%);
+  border-radius: 10em;
+  transition: all 0.5s ease-out;
+}
+
+.knob.dark {
+  background-color: #586282;
+  margin: 6% auto auto 8%;
+}
+
+.knob.light {
+  background-color: #364c94;
+  margin: 6% auto auto 56%;
+}
+
+.theme-icon {
+  position: absolute !important;
+  color: white;
+  --ggs: 1.25;
+  opacity: 100%;
+  transition: opacity 0.2s ease-out;
+  top: 33%;
+  bottom: auto;
+}
+
+.theme-icon.light {
+  left: 18%;
+}
+
+.theme-icon.dark {
+  right: 18%;
+  top: 35%
+}
+
+.switch.dark .theme-icon.light {
+  opacity: 0;
+}
+
+.switch.light .theme-icon.dark {
+  opacity: 0;
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 2f0fa9b82e32bb6c7febf5285d5d5461de2eed6b Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Tue, 8 Feb 2022 08:44:20 +0000
Subject: Resize switch

---
 pydis_site/static/css/base/navbar.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
index 95ca36b8..497429c6 100644
--- a/pydis_site/static/css/base/navbar.css
+++ b/pydis_site/static/css/base/navbar.css
@@ -1,7 +1,7 @@
 .switch {
   position: relative;
-  height: 3.25em;
-  width: 6.5em;
+  height: 2em;
+  width: 5em;
   cursor: pointer;
 }
 
@@ -58,20 +58,20 @@
 .theme-icon {
   position: absolute !important;
   color: white;
-  --ggs: 1.25;
+  --ggs: 1;
   opacity: 100%;
-  transition: opacity 0.2s ease-out;
-  top: 33%;
+  transition: opacity 0.3s ease-out;
   bottom: auto;
 }
 
 .theme-icon.light {
-  left: 18%;
+  left: 15%;
+  top: 20%
 }
 
 .theme-icon.dark {
-  right: 18%;
-  top: 35%
+  right: 15%;
+  top: 20%
 }
 
 .switch.dark .theme-icon.light {
-- 
cgit v1.2.3


From 9c3a4b677e29598329a03a1c613bfc22dc1e232f Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Wed, 9 Feb 2022 00:50:34 +0000
Subject: Resize theme switch

---
 pydis_site/static/css/base/navbar.css | 34 ++++++++--------------------------
 1 file changed, 8 insertions(+), 26 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
index 497429c6..66744c99 100644
--- a/pydis_site/static/css/base/navbar.css
+++ b/pydis_site/static/css/base/navbar.css
@@ -1,7 +1,7 @@
 .switch {
   position: relative;
   height: 2em;
-  width: 5em;
+  width: 4em;
   cursor: pointer;
 }
 
@@ -21,56 +21,38 @@
   background-color: #3f61d9;
 }
 
-.switch-inner {
-  width: 95%;
-  top: 50%;
-  border-radius: 2em;
-  transition: background-color 0.2s ease-out;
-}
-
-.switch.light .switch-inner {
-  background-color: #7289da;
-}
-.switch.dark .switch-inner {
-  background-color: #1b2137;
-}
-
 .knob {
   position: absolute;
-  height: 75%;
+  padding-top: 20%;
+  height: 70%;
   width: 37.5%;
-  top: 50%;
-  transform: translate(0%, -65%);
   border-radius: 10em;
   transition: all 0.5s ease-out;
 }
 
 .knob.dark {
   background-color: #586282;
-  margin: 6% auto auto 8%;
+  margin: 7% auto auto 8%;
 }
 
 .knob.light {
   background-color: #364c94;
-  margin: 6% auto auto 56%;
+  margin: 7% auto auto 56%;
 }
 
 .theme-icon {
   position: absolute !important;
-  color: white;
   --ggs: 1;
-  opacity: 100%;
   transition: opacity 0.3s ease-out;
-  bottom: auto;
 }
 
 .theme-icon.light {
-  left: 15%;
-  top: 20%
+  left: 10%;
+  top: 15%
 }
 
 .theme-icon.dark {
-  right: 15%;
+  right: 10%;
   top: 20%
 }
 
-- 
cgit v1.2.3


From 00638be5e4dc6fdea0398b70301e5bb956c18a39 Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Wed, 9 Feb 2022 00:51:35 +0000
Subject: Resize theme switch

---
 pydis_site/static/css/base/navbar.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
index 66744c99..bf8913ab 100644
--- a/pydis_site/static/css/base/navbar.css
+++ b/pydis_site/static/css/base/navbar.css
@@ -42,7 +42,7 @@
 
 .theme-icon {
   position: absolute !important;
-  --ggs: 1;
+  --ggs: 0.75;
   transition: opacity 0.3s ease-out;
 }
 
-- 
cgit v1.2.3


From 1177f0d442a40e603b5d4d06dfe6590133724dbf Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 14 Dec 2023 20:29:27 +0800
Subject: Automatically fix lint

---
 pydis_site/static/css/base/navbar.css | 2 +-
 pydis_site/static/js/base/navbar.js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
index bf8913ab..9d71e799 100644
--- a/pydis_site/static/css/base/navbar.css
+++ b/pydis_site/static/css/base/navbar.css
@@ -62,4 +62,4 @@
 
 .switch.light .theme-icon.dark {
   opacity: 0;
-}
\ No newline at end of file
+}
diff --git a/pydis_site/static/js/base/navbar.js b/pydis_site/static/js/base/navbar.js
index b49c86b1..a4b8a0aa 100644
--- a/pydis_site/static/js/base/navbar.js
+++ b/pydis_site/static/js/base/navbar.js
@@ -91,4 +91,4 @@ document.addEventListener("DOMContentLoaded", () => {
         displayThemedElements();
         toggleThemeSwitch();
     });
-});
\ No newline at end of file
+});
-- 
cgit v1.2.3


From 7559cb72da7e8b84dd81b33d54ba6c6abd156fd7 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 5 Jan 2024 20:55:34 +0800
Subject: Dark: Name JS & CSS files according to their content

We have the CSS for the navbar in base.css, the relevant files only
contain code for the theme toggle, so they should be named as such.

If we ever implement CSS variables per-theme, they could then be done in
`themes.css`.
---
 pydis_site/static/css/base/navbar.css | 65 -------------------------
 pydis_site/static/css/base/themes.css | 67 ++++++++++++++++++++++++++
 pydis_site/static/js/base/navbar.js   | 91 -----------------------------------
 pydis_site/static/js/base/themes.js   | 91 +++++++++++++++++++++++++++++++++++
 pydis_site/templates/base/navbar.html |  4 +-
 5 files changed, 160 insertions(+), 158 deletions(-)
 delete mode 100644 pydis_site/static/css/base/navbar.css
 create mode 100644 pydis_site/static/css/base/themes.css
 delete mode 100644 pydis_site/static/js/base/navbar.js
 create mode 100644 pydis_site/static/js/base/themes.js

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/navbar.css b/pydis_site/static/css/base/navbar.css
deleted file mode 100644
index 9d71e799..00000000
--- a/pydis_site/static/css/base/navbar.css
+++ /dev/null
@@ -1,65 +0,0 @@
-.switch {
-  position: relative;
-  height: 2em;
-  width: 4em;
-  cursor: pointer;
-}
-
-.switch-outer {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  border-radius: 2em;
-  transition: background-color 0.3s ease-out;
-}
-
-.switch.dark .switch-outer {
-  background-color: #22272E;
-}
-
-.switch.light .switch-outer {
-  background-color: #3f61d9;
-}
-
-.knob {
-  position: absolute;
-  padding-top: 20%;
-  height: 70%;
-  width: 37.5%;
-  border-radius: 10em;
-  transition: all 0.5s ease-out;
-}
-
-.knob.dark {
-  background-color: #586282;
-  margin: 7% auto auto 8%;
-}
-
-.knob.light {
-  background-color: #364c94;
-  margin: 7% auto auto 56%;
-}
-
-.theme-icon {
-  position: absolute !important;
-  --ggs: 0.75;
-  transition: opacity 0.3s ease-out;
-}
-
-.theme-icon.light {
-  left: 10%;
-  top: 15%
-}
-
-.theme-icon.dark {
-  right: 10%;
-  top: 20%
-}
-
-.switch.dark .theme-icon.light {
-  opacity: 0;
-}
-
-.switch.light .theme-icon.dark {
-  opacity: 0;
-}
diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
new file mode 100644
index 00000000..35273d44
--- /dev/null
+++ b/pydis_site/static/css/base/themes.css
@@ -0,0 +1,67 @@
+/* Theme switch toggle */
+
+.switch {
+  position: relative;
+  height: 2em;
+  width: 4em;
+  cursor: pointer;
+}
+
+.switch-outer {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: 2em;
+  transition: background-color 0.3s ease-out;
+}
+
+.switch.dark .switch-outer {
+  background-color: #22272E;
+}
+
+.switch.light .switch-outer {
+  background-color: #3f61d9;
+}
+
+.knob {
+  position: absolute;
+  padding-top: 20%;
+  height: 70%;
+  width: 37.5%;
+  border-radius: 10em;
+  transition: all 0.5s ease-out;
+}
+
+.knob.dark {
+  background-color: #586282;
+  margin: 7% auto auto 8%;
+}
+
+.knob.light {
+  background-color: #364c94;
+  margin: 7% auto auto 56%;
+}
+
+.theme-icon {
+  position: absolute !important;
+  --ggs: 0.75;
+  transition: opacity 0.3s ease-out;
+}
+
+.theme-icon.light {
+  left: 10%;
+  top: 15%
+}
+
+.theme-icon.dark {
+  right: 10%;
+  top: 20%
+}
+
+.switch.dark .theme-icon.light {
+  opacity: 0;
+}
+
+.switch.light .theme-icon.dark {
+  opacity: 0;
+}
diff --git a/pydis_site/static/js/base/navbar.js b/pydis_site/static/js/base/navbar.js
deleted file mode 100644
index 2a57cad4..00000000
--- a/pydis_site/static/js/base/navbar.js
+++ /dev/null
@@ -1,91 +0,0 @@
-"use strict";
-
-const defaultTheme = "light";
-const lightStylesheet = document.getElementById("bulma-css");
-const darkStylesheet = document.getElementById("bulma-css-dark");
-
-// Get saved preference for the site in local storage, optionally accounting
-// for system preference used when a page loads.
-function getCurrentTheme(systemPrefers) {
-    const theme = localStorage.getItem("theme");
-
-    if (theme !== null && theme !== "")
-        return theme;
-
-    if (systemPrefers !== undefined)
-        return systemPrefers;
-
-    return defaultTheme;
-}
-
-// Disable & enable the correct CSS stylesheets based on chosen theme.
-function setStyleSheets(newTheme) {
-    switch (newTheme) {
-        case "light":
-            lightStylesheet.disabled = false;
-            darkStylesheet.disabled = true;
-            break;
-        case "dark":
-            lightStylesheet.disabled = true;
-            darkStylesheet.disabled = false;
-            break;
-    }
-
-    document.querySelector("html").setAttribute("data-theme", newTheme);
-}
-
-// Reflect chosen theme on the switch toggle.
-function toggleThemeSwitch(newTheme) {
-    const switchToggle = document.getElementById("theme-switch");
-    const knob = document.getElementById("theme-knob");
-
-    switch (newTheme) {
-        case "light":
-            knob.classList.remove("dark");
-            knob.classList.add("light");
-            setTimeout(function() {
-                switchToggle.classList.remove("dark");
-                switchToggle.classList.add("light");
-            }, 100);
-            break;
-        case "dark":
-            knob.classList.remove("light");
-            knob.classList.add("dark");
-            setTimeout(function() {
-                switchToggle.classList.remove("light");
-                switchToggle.classList.add("dark");
-            }, 100);
-            break;
-    }
-}
-
-// Executed when the page has finished loading.
-document.addEventListener("DOMContentLoaded", () => {
-    let theme;
-    const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)");
-
-    if (systemPrefersDark.matches)
-        theme = getCurrentTheme("dark");
-    else
-        theme = getCurrentTheme();
-
-    setStyleSheets(theme);
-    toggleThemeSwitch(theme);
-
-    systemPrefersDark.addEventListener("change", ({matches: isDark}) => {
-        const newTheme = isDark ? "dark" : "light";
-        // Let the new system preference take precedence over toggle preference
-        // on page reloads.
-        localStorage.removeItem("theme");
-        setStyleSheets(newTheme);
-        toggleThemeSwitch(newTheme);
-    })
-
-    const switchToggle = document.getElementById("theme-switch");
-    switchToggle.addEventListener("click", () => {
-        const newTheme = getCurrentTheme() === "light" ? "dark" : "light";
-        localStorage.setItem("theme", newTheme);
-        setStyleSheets(newTheme);
-        toggleThemeSwitch(newTheme);
-    });
-});
diff --git a/pydis_site/static/js/base/themes.js b/pydis_site/static/js/base/themes.js
new file mode 100644
index 00000000..2a57cad4
--- /dev/null
+++ b/pydis_site/static/js/base/themes.js
@@ -0,0 +1,91 @@
+"use strict";
+
+const defaultTheme = "light";
+const lightStylesheet = document.getElementById("bulma-css");
+const darkStylesheet = document.getElementById("bulma-css-dark");
+
+// Get saved preference for the site in local storage, optionally accounting
+// for system preference used when a page loads.
+function getCurrentTheme(systemPrefers) {
+    const theme = localStorage.getItem("theme");
+
+    if (theme !== null && theme !== "")
+        return theme;
+
+    if (systemPrefers !== undefined)
+        return systemPrefers;
+
+    return defaultTheme;
+}
+
+// Disable & enable the correct CSS stylesheets based on chosen theme.
+function setStyleSheets(newTheme) {
+    switch (newTheme) {
+        case "light":
+            lightStylesheet.disabled = false;
+            darkStylesheet.disabled = true;
+            break;
+        case "dark":
+            lightStylesheet.disabled = true;
+            darkStylesheet.disabled = false;
+            break;
+    }
+
+    document.querySelector("html").setAttribute("data-theme", newTheme);
+}
+
+// Reflect chosen theme on the switch toggle.
+function toggleThemeSwitch(newTheme) {
+    const switchToggle = document.getElementById("theme-switch");
+    const knob = document.getElementById("theme-knob");
+
+    switch (newTheme) {
+        case "light":
+            knob.classList.remove("dark");
+            knob.classList.add("light");
+            setTimeout(function() {
+                switchToggle.classList.remove("dark");
+                switchToggle.classList.add("light");
+            }, 100);
+            break;
+        case "dark":
+            knob.classList.remove("light");
+            knob.classList.add("dark");
+            setTimeout(function() {
+                switchToggle.classList.remove("light");
+                switchToggle.classList.add("dark");
+            }, 100);
+            break;
+    }
+}
+
+// Executed when the page has finished loading.
+document.addEventListener("DOMContentLoaded", () => {
+    let theme;
+    const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)");
+
+    if (systemPrefersDark.matches)
+        theme = getCurrentTheme("dark");
+    else
+        theme = getCurrentTheme();
+
+    setStyleSheets(theme);
+    toggleThemeSwitch(theme);
+
+    systemPrefersDark.addEventListener("change", ({matches: isDark}) => {
+        const newTheme = isDark ? "dark" : "light";
+        // Let the new system preference take precedence over toggle preference
+        // on page reloads.
+        localStorage.removeItem("theme");
+        setStyleSheets(newTheme);
+        toggleThemeSwitch(newTheme);
+    })
+
+    const switchToggle = document.getElementById("theme-switch");
+    switchToggle.addEventListener("click", () => {
+        const newTheme = getCurrentTheme() === "light" ? "dark" : "light";
+        localStorage.setItem("theme", newTheme);
+        setStyleSheets(newTheme);
+        toggleThemeSwitch(newTheme);
+    });
+});
diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html
index 57fdbf6a..64518146 100644
--- a/pydis_site/templates/base/navbar.html
+++ b/pydis_site/templates/base/navbar.html
@@ -1,9 +1,9 @@
 {% load static %}
 
 {% block head %}
-    <link rel="stylesheet" href="{% static "css/base/navbar.css" %}">
+    <link rel="stylesheet" href="{% static "css/base/themes.css" %}">
     <link href="https://css.gg/css?=|moon|sun" rel="stylesheet">
-    <script src="{% static "js/base/navbar.js" %}"></script>
+    <script src="{% static "js/base/themes.js" %}"></script>
 {% endblock %}
 
 <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
-- 
cgit v1.2.3


From 9787e4a41eed2189dc6b63cbcb88cbdf3e1b2ab7 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 17 Jan 2024 20:08:54 +0800
Subject: Consistent 4-spaces CSS indent

---
 pydis_site/static/css/base/themes.css | 60 +++++++++++++++++------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
index 35273d44..ab0c8b6b 100644
--- a/pydis_site/static/css/base/themes.css
+++ b/pydis_site/static/css/base/themes.css
@@ -1,67 +1,67 @@
 /* Theme switch toggle */
 
 .switch {
-  position: relative;
-  height: 2em;
-  width: 4em;
-  cursor: pointer;
+    position: relative;
+    height: 2em;
+    width: 4em;
+    cursor: pointer;
 }
 
 .switch-outer {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  border-radius: 2em;
-  transition: background-color 0.3s ease-out;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    border-radius: 2em;
+    transition: background-color 0.3s ease-out;
 }
 
 .switch.dark .switch-outer {
-  background-color: #22272E;
+    background-color: #22272E;
 }
 
 .switch.light .switch-outer {
-  background-color: #3f61d9;
+    background-color: #3f61d9;
 }
 
 .knob {
-  position: absolute;
-  padding-top: 20%;
-  height: 70%;
-  width: 37.5%;
-  border-radius: 10em;
-  transition: all 0.5s ease-out;
+    position: absolute;
+    padding-top: 20%;
+    height: 70%;
+    width: 37.5%;
+    border-radius: 10em;
+    transition: all 0.5s ease-out;
 }
 
 .knob.dark {
-  background-color: #586282;
-  margin: 7% auto auto 8%;
+    background-color: #586282;
+    margin: 7% auto auto 8%;
 }
 
 .knob.light {
-  background-color: #364c94;
-  margin: 7% auto auto 56%;
+    background-color: #364c94;
+    margin: 7% auto auto 56%;
 }
 
 .theme-icon {
-  position: absolute !important;
-  --ggs: 0.75;
-  transition: opacity 0.3s ease-out;
+    position: absolute !important;
+    --ggs: 0.75;
+    transition: opacity 0.3s ease-out;
 }
 
 .theme-icon.light {
-  left: 10%;
-  top: 15%
+    left: 10%;
+    top: 15%
 }
 
 .theme-icon.dark {
-  right: 10%;
-  top: 20%
+    right: 10%;
+    top: 20%
 }
 
 .switch.dark .theme-icon.light {
-  opacity: 0;
+    opacity: 0;
 }
 
 .switch.light .theme-icon.dark {
-  opacity: 0;
+    opacity: 0;
 }
-- 
cgit v1.2.3


From 664af50351ead6df2bd3061845b0a73e768f2165 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 13:44:57 +0800
Subject: Dark: Theme switch with better contrast on mobile

---
 pydis_site/static/css/base/themes.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
index ab0c8b6b..73ba22f2 100644
--- a/pydis_site/static/css/base/themes.css
+++ b/pydis_site/static/css/base/themes.css
@@ -38,7 +38,7 @@
 }
 
 .knob.light {
-    background-color: #364c94;
+    background-color: white;
     margin: 7% auto auto 56%;
 }
 
@@ -50,7 +50,8 @@
 
 .theme-icon.light {
     left: 10%;
-    top: 15%
+    top: 15%;
+    color: white;
 }
 
 .theme-icon.dark {
-- 
cgit v1.2.3


From 43c3e10e113ea17fa17360ef20c348af7c9b117e Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 13:56:08 +0800
Subject: Dark: Avoid knob & icon overlapping during transition

---
 pydis_site/static/css/base/themes.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
index 73ba22f2..9d5f7424 100644
--- a/pydis_site/static/css/base/themes.css
+++ b/pydis_site/static/css/base/themes.css
@@ -45,7 +45,7 @@
 .theme-icon {
     position: absolute !important;
     --ggs: 0.75;
-    transition: opacity 0.3s ease-out;
+    transition: opacity 0.1s ease-out;
 }
 
 .theme-icon.light {
-- 
cgit v1.2.3


From 69cb637d615944de777457a71d6c4bda15b6c5ea Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 14:02:04 +0800
Subject: Dark: Better contrast for dark switch

---
 pydis_site/static/css/base/themes.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css
index 9d5f7424..d22c6c58 100644
--- a/pydis_site/static/css/base/themes.css
+++ b/pydis_site/static/css/base/themes.css
@@ -17,6 +17,7 @@
 
 .switch.dark .switch-outer {
     background-color: #22272E;
+    border: solid 1px #515151;
 }
 
 .switch.light .switch-outer {
-- 
cgit v1.2.3


From 753383fbed6a161dfb552047ad9c1d3807828eb7 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sun, 28 Jan 2024 16:04:33 +0800
Subject: Dark: Darken nav, hero, hero waves, button, body backgrounds

---
 pydis_site/settings.py                             |  4 ++
 pydis_site/static/css/base/base.css                | 27 ++++++++
 pydis_site/static/css/home/index.css               | 29 +++++++-
 pydis_site/static/images/waves/wave_black.svg      | 77 ----------------------
 pydis_site/static/images/waves_dark/wave_black.svg | 77 ++++++++++++++++++++++
 pydis_site/static/images/waves_dark/wave_dark.svg  | 73 ++++++++++++++++++++
 .../static/images/waves_dark/wave_darker.svg       | 73 ++++++++++++++++++++
 7 files changed, 281 insertions(+), 79 deletions(-)
 delete mode 100644 pydis_site/static/images/waves/wave_black.svg
 create mode 100644 pydis_site/static/images/waves_dark/wave_black.svg
 create mode 100644 pydis_site/static/images/waves_dark/wave_dark.svg
 create mode 100644 pydis_site/static/images/waves_dark/wave_darker.svg

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 3959395a..5942c582 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -328,6 +328,8 @@ BULMA_SETTINGS = {
         "info-dark": "#EFF5FB",       # Bulma's info-light
         "info-light": "#254056",
 
+        "body-background-color": "#252629",
+
         "white": "#2C2F33",
         "white-bis": "#23272A ",
         "white-ter": "#36393F",
@@ -338,6 +340,8 @@ BULMA_SETTINGS = {
         "black-ter": "#E6E6E6",
         "dark": "$black",
 
+        "grey-darker": "#303032",
+
         "text": "#F4F4F4",
         "text-light": "#F7F7F7",
         "text-strong": "#FEFEFE",
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css
index 79a8a92d..bd448695 100644
--- a/pydis_site/static/css/base/base.css
+++ b/pydis_site/static/css/base/base.css
@@ -23,6 +23,20 @@ main.site-content {
     padding-right: 0.8em;
 }
 
+[data-theme="dark"] .navbar.is-primary {
+    background-color: #3B4774;
+}
+
+/* No good way other than this for now, because the item hover background setting
+ * applies only for a navbar without is-primary.
+ */
+@media screen and (min-width: 1024px) {
+    [data-theme="dark"] .navbar.is-primary .navbar-end > a.navbar-item:hover,
+    [data-theme="dark"] .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
+        background-color: #455382;
+    }
+}
+
 .navbar-item .navbar-link {
     padding-left: 1.5em;
     padding-right: 2.5em;
@@ -58,6 +72,10 @@ main.site-content {
     overflow: hidden;
 }
 
+[data-theme="dark"] #discord-btn a {
+    background-color: #58689cff;
+}
+
 #discord-btn:hover a {
     box-shadow: 0 1px 4px rgba(0,0,0,0.16), 0 1px 6px rgba(0,0,0,0.23);
     /*transform: scale(1.03) translate3d(0,0,0);*/
@@ -167,3 +185,12 @@ button.is-size-navbar-menu, a.is-size-navbar-menu {
         scroll-behavior: auto;
     }
 }
+
+[data-theme="dark"] .button.is-primary, .button.is-link {
+    background-color: #5365A4;
+}
+
+[data-theme="dark"] .button.is-primary:hover, .button.is-primary.is-hovered,
+[data-theme="dark"] .button.is-link:hover, .button.is-link.is-hovered {
+    background-color: #6276BC;
+}
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index c3975799..13a19d38 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -23,6 +23,10 @@ h1 {
     padding: 0;
 }
 
+[data-theme="dark"] #wave-hero {
+    background-color: #3B4774;
+}
+
 #wave-hero .container {
     z-index: 4;  /* keep hero contents above wave animations */
 }
@@ -57,6 +61,16 @@ h1 {
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }
 
+[data-theme="dark"] #wave-hero-right img {
+    -webkit-filter: brightness(0.9);
+    filter: brightness(0.9);
+}
+
+[data-theme="dark"] #wave-hero-right img:hover {
+    -webkit-filter: none;
+    filter: none;
+}
+
 #wave-hero-right img:hover {
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 }
@@ -72,13 +86,24 @@ h1 {
     transform: translate3d(0,0,0);  /* Trigger 3D acceleration for smoother animation */
 }
 
+[data-theme="dark"] #wave-hero .wave {
+    background: url(../../images/waves_dark/wave_dark.svg) repeat-x;
+}
+
 #front-wave {
     animation-duration: 60s;
     animation-delay: -50s;
-    opacity: 0.5;
     height: 178px;
 }
 
+[data-theme="light"] #front-wave {
+    opacity: 0.5;
+}
+
+[data-theme="dark"] #wave-hero #front-wave {
+    background: url(../../images/waves_dark/wave_darker.svg) repeat-x;
+}
+
 #back-wave {
     animation-duration: 65s;
     height: 198px;
@@ -93,7 +118,7 @@ h1 {
 }
 
 [data-theme="dark"] #bottom-wave {
-    background: url(../../images/waves/wave_black.svg) repeat-x !important;
+    background: url(../../images/waves_dark/wave_black.svg) repeat-x !important;
 }
 
 @keyframes wave {
diff --git a/pydis_site/static/images/waves/wave_black.svg b/pydis_site/static/images/waves/wave_black.svg
deleted file mode 100644
index 899fe2f9..00000000
--- a/pydis_site/static/images/waves/wave_black.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="1600"
-   height="28.745832"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="wavew.svg"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1409"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="1.44625"
-     inkscape:cx="884.40031"
-     inkscape:cy="-61.865141"
-     inkscape:window-x="4880"
-     inkscape:window-y="677"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg11"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <defs
-     id="defs7">
-    <linearGradient
-       id="a"
-       x1="0.5"
-       x2="0.5"
-       y1="-0.10958999"
-       y2="1">
-      <stop
-         stop-color="#57BBC1"
-         stop-opacity=".25"
-         offset="0%"
-         id="stop2" />
-      <stop
-         stop-color="#015871"
-         offset="100%"
-         id="stop4" />
-    </linearGradient>
-  </defs>
-  <path
-     fill="url(#a)"
-     fill-rule="evenodd"
-     d="M 1599.995,17.566918 C 1289,17.566918 1190.102,-0.03623696 789,5.6042811e-5 389,5.6042811e-5 289,17.566918 0,17.566918 v 11.178914 h 1600 c 0,0 -0.01,-6.968673 -0.01,-11.178914 z"
-     id="path9"
-     style="fill:#2C2F33;fill-opacity:1;stroke-width:0.381026" />
-</svg>
diff --git a/pydis_site/static/images/waves_dark/wave_black.svg b/pydis_site/static/images/waves_dark/wave_black.svg
new file mode 100644
index 00000000..716d0501
--- /dev/null
+++ b/pydis_site/static/images/waves_dark/wave_black.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="28.745832"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="wavew.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata15">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1409"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="1.44625"
+     inkscape:cx="884.40031"
+     inkscape:cy="-61.865141"
+     inkscape:window-x="4880"
+     inkscape:window-y="677"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <defs
+     id="defs7">
+    <linearGradient
+       id="a"
+       x1="0.5"
+       x2="0.5"
+       y1="-0.10958999"
+       y2="1">
+      <stop
+         stop-color="#57BBC1"
+         stop-opacity=".25"
+         offset="0%"
+         id="stop2" />
+      <stop
+         stop-color="#015871"
+         offset="100%"
+         id="stop4" />
+    </linearGradient>
+  </defs>
+  <path
+     fill="url(#a)"
+     fill-rule="evenodd"
+     d="M 1599.995,17.566918 C 1289,17.566918 1190.102,-0.03623696 789,5.6042811e-5 389,5.6042811e-5 289,17.566918 0,17.566918 v 11.178914 h 1600 c 0,0 -0.01,-6.968673 -0.01,-11.178914 z"
+     id="path9"
+     style="fill:#252629;fill-opacity:1;stroke-width:0.381026" />
+</svg>
diff --git a/pydis_site/static/images/waves_dark/wave_dark.svg b/pydis_site/static/images/waves_dark/wave_dark.svg
new file mode 100644
index 00000000..0ba3d146
--- /dev/null
+++ b/pydis_site/static/images/waves_dark/wave_dark.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="198"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="wave.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata15">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1409"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="1.44625"
+     inkscape:cx="757.49384"
+     inkscape:cy="107.38903"
+     inkscape:window-x="4880"
+     inkscape:window-y="677"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <defs
+     id="defs7">
+    <linearGradient
+       id="a"
+       x1="50%"
+       x2="50%"
+       y1="-10.959%"
+       y2="100%">
+      <stop
+         stop-color="#57BBC1"
+         stop-opacity=".25"
+         offset="0%"
+         id="stop2" />
+      <stop
+         stop-color="#015871"
+         offset="100%"
+         id="stop4" />
+    </linearGradient>
+  </defs>
+  <path
+     fill="url(#a)"
+     fill-rule="evenodd"
+     d="M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z"
+     transform="matrix(-1 0 0 1 1600 0)"
+     id="path9"
+     style="fill:#455289;fill-opacity:1" />
+</svg>
diff --git a/pydis_site/static/images/waves_dark/wave_darker.svg b/pydis_site/static/images/waves_dark/wave_darker.svg
new file mode 100644
index 00000000..3cff0510
--- /dev/null
+++ b/pydis_site/static/images/waves_dark/wave_darker.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1600"
+   height="198"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="wave.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata15">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1409"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="1.44625"
+     inkscape:cx="757.49384"
+     inkscape:cy="107.38903"
+     inkscape:window-x="4880"
+     inkscape:window-y="677"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <defs
+     id="defs7">
+    <linearGradient
+       id="a"
+       x1="50%"
+       x2="50%"
+       y1="-10.959%"
+       y2="100%">
+      <stop
+         stop-color="#57BBC1"
+         stop-opacity=".25"
+         offset="0%"
+         id="stop2" />
+      <stop
+         stop-color="#015871"
+         offset="100%"
+         id="stop4" />
+    </linearGradient>
+  </defs>
+  <path
+     fill="url(#a)"
+     fill-rule="evenodd"
+     d="M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z"
+     transform="matrix(-1 0 0 1 1600 0)"
+     id="path9"
+     style="fill:#333c61;fill-opacity:1" />
+</svg>
-- 
cgit v1.2.3


From b72705b228b02f8c5f40030215d75d45d195c87d Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sun, 28 Jan 2024 19:25:24 +0800
Subject: Dark: Use alternate images for homepage, resources, events
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Thanks to lemon for editting all the images.

Co-authored-by: Leon Sandøy <leon.haland@gmail.com>
---
 pydis_site/apps/resources/resources/adafruit.yaml  |   1 +
 .../apps/resources/resources/corey_schafer.yaml    |   1 +
 pydis_site/apps/resources/resources/kivy.yaml      |   1 +
 pydis_site/apps/resources/resources/microsoft.yaml |   1 +
 pydis_site/apps/resources/resources/pallets.yaml   |   1 +
 pydis_site/apps/resources/resources/panda3d.yaml   |   1 +
 .../resources/resources/people_postgres_data.yaml  |   1 +
 pydis_site/apps/resources/resources/pyglet.yaml    |   1 +
 .../apps/resources/resources/python_org.yaml       |   1 +
 pydis_site/apps/resources/resources/sentdex.yaml   |   1 +
 pydis_site/static/css/base/base.css                |   8 ++++++
 pydis_site/static/css/events/base.css              |   4 ---
 pydis_site/static/css/home/index.css               |   8 ------
 pydis_site/static/css/resources/resources.css      |   2 +-
 .../static/images/events/DO_Logo_Vertical_Blue.png | Bin 7156 -> 0 bytes
 pydis_site/static/images/events/Replit.png         | Bin 12114 -> 0 bytes
 pydis_site/static/images/events/Tabnine.png        | Bin 10534 -> 0 bytes
 .../images/events/logos/DO_Logo_Vertical_Blue.png  | Bin 0 -> 7156 bytes
 pydis_site/static/images/events/logos/Replit.png   | Bin 0 -> 2692 bytes
 pydis_site/static/images/events/logos/Tabnine.png  | Bin 0 -> 10534 bytes
 .../events/logos_dark/DO_Logo_Vertical_White.png   | Bin 0 -> 6928 bytes
 .../static/images/events/logos_dark/Replit.png     | Bin 0 -> 2732 bytes
 .../static/images/events/logos_dark/django.png     | Bin 0 -> 9332 bytes
 pydis_site/static/images/resources/adafruit.png    | Bin 60987 -> 52184 bytes
 pydis_site/static/images/resources/kivy.png        | Bin 88954 -> 54787 bytes
 .../static/images/resources_dark/adafruit.png      | Bin 0 -> 13434 bytes
 .../static/images/resources_dark/coreyschafer.png  | Bin 0 -> 17525 bytes
 pydis_site/static/images/resources_dark/kivy.png   | Bin 0 -> 50889 bytes
 .../static/images/resources_dark/microsoft.png     | Bin 0 -> 9521 bytes
 .../static/images/resources_dark/pallets.png       | Bin 0 -> 48189 bytes
 .../static/images/resources_dark/panda3d.png       | Bin 0 -> 49453 bytes
 .../images/resources_dark/people_postgres_data.png | Bin 0 -> 44499 bytes
 pydis_site/static/images/resources_dark/pyglet.png | Bin 0 -> 11866 bytes
 pydis_site/static/images/resources_dark/python.png | Bin 0 -> 10603 bytes
 .../static/images/resources_dark/sentdex.png       | Bin 0 -> 19367 bytes
 .../static/images/sponsors_dark/cloudflare.png     | Bin 0 -> 7851 bytes
 .../static/images/sponsors_dark/jetbrains.png      | Bin 0 -> 125428 bytes
 pydis_site/static/images/sponsors_dark/linode.png  | Bin 0 -> 17219 bytes
 pydis_site/static/images/sponsors_dark/netcup.png  | Bin 0 -> 3130 bytes
 pydis_site/static/images/sponsors_dark/netlify.png | Bin 0 -> 110151 bytes
 pydis_site/static/images/sponsors_dark/notion.png  | Bin 0 -> 51849 bytes
 pydis_site/static/images/sponsors_dark/sentry.png  | Bin 0 -> 18102 bytes
 .../events/pages/code-jams/10/_index.html          |   5 +++-
 .../templates/events/pages/code-jams/8/_index.html |   8 +++---
 .../templates/events/pages/code-jams/9/_index.html |   9 ++++---
 .../templates/events/sidebar/code-jams/6.html      |  10 +++++--
 .../templates/events/sidebar/code-jams/7.html      |   6 +++--
 .../templates/events/sidebar/code-jams/8.html      |   8 +++---
 .../templates/events/sidebar/code-jams/9.html      |   9 ++++---
 pydis_site/templates/home/index.html               |  24 +++++++++++------
 .../templates/resources/resource_box_header.html   |  29 +++++++++++++++++----
 51 files changed, 97 insertions(+), 43 deletions(-)
 delete mode 100644 pydis_site/static/images/events/DO_Logo_Vertical_Blue.png
 delete mode 100644 pydis_site/static/images/events/Replit.png
 delete mode 100644 pydis_site/static/images/events/Tabnine.png
 create mode 100644 pydis_site/static/images/events/logos/DO_Logo_Vertical_Blue.png
 create mode 100644 pydis_site/static/images/events/logos/Replit.png
 create mode 100644 pydis_site/static/images/events/logos/Tabnine.png
 create mode 100644 pydis_site/static/images/events/logos_dark/DO_Logo_Vertical_White.png
 create mode 100644 pydis_site/static/images/events/logos_dark/Replit.png
 create mode 100644 pydis_site/static/images/events/logos_dark/django.png
 create mode 100644 pydis_site/static/images/resources_dark/adafruit.png
 create mode 100644 pydis_site/static/images/resources_dark/coreyschafer.png
 create mode 100644 pydis_site/static/images/resources_dark/kivy.png
 create mode 100644 pydis_site/static/images/resources_dark/microsoft.png
 create mode 100644 pydis_site/static/images/resources_dark/pallets.png
 create mode 100644 pydis_site/static/images/resources_dark/panda3d.png
 create mode 100644 pydis_site/static/images/resources_dark/people_postgres_data.png
 create mode 100644 pydis_site/static/images/resources_dark/pyglet.png
 create mode 100644 pydis_site/static/images/resources_dark/python.png
 create mode 100644 pydis_site/static/images/resources_dark/sentdex.png
 create mode 100644 pydis_site/static/images/sponsors_dark/cloudflare.png
 create mode 100644 pydis_site/static/images/sponsors_dark/jetbrains.png
 create mode 100644 pydis_site/static/images/sponsors_dark/linode.png
 create mode 100644 pydis_site/static/images/sponsors_dark/netcup.png
 create mode 100644 pydis_site/static/images/sponsors_dark/netlify.png
 create mode 100644 pydis_site/static/images/sponsors_dark/notion.png
 create mode 100644 pydis_site/static/images/sponsors_dark/sentry.png

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/apps/resources/resources/adafruit.yaml b/pydis_site/apps/resources/resources/adafruit.yaml
index 957223c9..bedbf16a 100644
--- a/pydis_site/apps/resources/resources/adafruit.yaml
+++ b/pydis_site/apps/resources/resources/adafruit.yaml
@@ -5,6 +5,7 @@ description: Adafruit is an open-source electronics manufacturer
   provide help with your projects,
   and the Adafruit devs do all the CircuitPython Development right out in the open.
 title_image: /static/images/resources/adafruit.png
+title_image_dark: /static/images/resources_dark/adafruit.png
 title_url: https://adafruit.com/
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/corey_schafer.yaml b/pydis_site/apps/resources/resources/corey_schafer.yaml
index d66ea004..91abeb52 100644
--- a/pydis_site/apps/resources/resources/corey_schafer.yaml
+++ b/pydis_site/apps/resources/resources/corey_schafer.yaml
@@ -10,6 +10,7 @@ description: 'Corey has a number of exceptionally high quality tutorial series
   Check out his channel for more video series!
   '
 title_image: https://i.imgur.com/KIfWw3b.png
+title_image_dark: /static/images/resources_dark/coreyschafer.png
 title_url: https://www.youtube.com/channel/UCCezIgC97PvUuR4_gbFUs5g
 urls:
   - icon: solid/external-link-alt
diff --git a/pydis_site/apps/resources/resources/kivy.yaml b/pydis_site/apps/resources/resources/kivy.yaml
index dcced022..742fa274 100644
--- a/pydis_site/apps/resources/resources/kivy.yaml
+++ b/pydis_site/apps/resources/resources/kivy.yaml
@@ -3,6 +3,7 @@ description: The Kivy project, through the Kivy framework and its sister project
   aims to provide all the tools to create desktop and mobile applications in Python.
   Allowing rapid development of multitouch applications with custom and exciting user interfaces.
 title_image: /static/images/resources/kivy.png
+title_image_dark: /static/images/resources_dark/kivy.png
 title_url: https://kivy.org/
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/microsoft.yaml b/pydis_site/apps/resources/resources/microsoft.yaml
index 290283cc..8b31020c 100644
--- a/pydis_site/apps/resources/resources/microsoft.yaml
+++ b/pydis_site/apps/resources/resources/microsoft.yaml
@@ -2,6 +2,7 @@ name: Microsoft Python
 description: Microsoft Python is a Discord server for discussing all things relating to using Python with Microsoft products,
   they have channels for Azure, VS Code, IoT, Data Science and much more!
 title_image: https://1000logos.net/wp-content/uploads/2017/04/Microsoft-Logo.png
+title_image_dark: /static/images/resources_dark/microsoft.png
 title_url: https://www.microsoft.com/en-us/boards/pycon2020.aspx
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/pallets.yaml b/pydis_site/apps/resources/resources/pallets.yaml
index a330b756..453c263f 100644
--- a/pydis_site/apps/resources/resources/pallets.yaml
+++ b/pydis_site/apps/resources/resources/pallets.yaml
@@ -3,6 +3,7 @@ description: The Pallets Projects develop Python libraries such as the Flask web
   the Jinja templating library, and the Click command line toolkit. Join to discuss
   and get help from the Pallets community.
 title_image: https://i.imgur.com/sV9Ypdf.png
+title_image_dark: /static/images/resources_dark/pallets.png
 title_url: https://www.palletsprojects.com/
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/panda3d.yaml b/pydis_site/apps/resources/resources/panda3d.yaml
index c05a35ca..dd200519 100644
--- a/pydis_site/apps/resources/resources/panda3d.yaml
+++ b/pydis_site/apps/resources/resources/panda3d.yaml
@@ -2,6 +2,7 @@ name: Panda3D
 description: Panda3D is a Python-focused 3-D framework for rapid development of games,
   visualizations, and simulations, written in C++ with an emphasis on performance and flexibility.
 title_image: /static/images/resources/panda3d.png
+title_image_dark: /static/images/resources_dark/panda3d.png
 title_url: https://www.panda3d.org/
 position: 9
 urls:
diff --git a/pydis_site/apps/resources/resources/people_postgres_data.yaml b/pydis_site/apps/resources/resources/people_postgres_data.yaml
index 212eed89..ce5ad4a8 100644
--- a/pydis_site/apps/resources/resources/people_postgres_data.yaml
+++ b/pydis_site/apps/resources/resources/people_postgres_data.yaml
@@ -5,6 +5,7 @@ description: People, Postgres, Data specializes in building users of Postgres
   They take a holistic approach to their community inviting not only technical topics but Professional Development
   and Life in general including movies, games, books and travel.
 title_image: https://media.discordapp.net/attachments/748954447857844318/750519488268730377/people_postgres_data.png
+title_image_dark: /static/images/resources_dark/people_postgres_data.png
 title_url: https://postgresconf.org/
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/pyglet.yaml b/pydis_site/apps/resources/resources/pyglet.yaml
index bdfb84cf..73f99bde 100644
--- a/pydis_site/apps/resources/resources/pyglet.yaml
+++ b/pydis_site/apps/resources/resources/pyglet.yaml
@@ -5,6 +5,7 @@ description: Pyglet is a powerful,
   loading images and videos, and playing sounds and music. All of this with a friendly Pythonic API,
   that's simple to learn and doesn't get in your way.
 title_image: https://i.imgur.com/LfQwXUe.png
+title_image_dark: /static/images/resources_dark/pyglet.png
 title_url: http://pyglet.org/
 urls:
   - icon: branding/discord
diff --git a/pydis_site/apps/resources/resources/python_org.yaml b/pydis_site/apps/resources/resources/python_org.yaml
index ece954dd..e7a9e806 100644
--- a/pydis_site/apps/resources/resources/python_org.yaml
+++ b/pydis_site/apps/resources/resources/python_org.yaml
@@ -1,6 +1,7 @@
 name: The Python Tutorial
 description: The official Python tutorial by Python.org
 title_image: https://www.python.org/static/community_logos/python-logo-master-v3-TM.png
+title_image_dark: /static/images/resources_dark/python.png
 title_url: https://docs.python.org/3/tutorial/
 tags:
   topics:
diff --git a/pydis_site/apps/resources/resources/sentdex.yaml b/pydis_site/apps/resources/resources/sentdex.yaml
index 7cb0a8a4..baf42163 100644
--- a/pydis_site/apps/resources/resources/sentdex.yaml
+++ b/pydis_site/apps/resources/resources/sentdex.yaml
@@ -10,6 +10,7 @@ description: 'An enormous amount of Python content for all skill levels
   Check out his channel for more video series!
   '
 title_image: https://i.imgur.com/kJgWZIu.png
+title_image_dark: /static/images/resources_dark/sentdex.png
 title_url: https://www.youtube.com/user/sentdex
 urls:
   - icon: solid/external-link-alt
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css
index bd448695..150c0287 100644
--- a/pydis_site/static/css/base/base.css
+++ b/pydis_site/static/css/base/base.css
@@ -194,3 +194,11 @@ button.is-size-navbar-menu, a.is-size-navbar-menu {
 [data-theme="dark"] .button.is-link:hover, .button.is-link.is-hovered {
     background-color: #6276BC;
 }
+
+[data-theme="dark"] .light-image {
+    display: none;
+}
+
+[data-theme="light"] .dark-image {
+    display: none;
+}
diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
index dc6183d7..cd7ab5ae 100644
--- a/pydis_site/static/css/events/base.css
+++ b/pydis_site/static/css/events/base.css
@@ -32,7 +32,3 @@ pre {
 .box .sponsor {
     margin-bottom: 1rem;
 }
-
-[data-theme="dark"] .sponsor {
-    background-color: #EDEDED;
-}
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 13a19d38..f21263db 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -266,10 +266,6 @@ h1 {
     text-align: center;
 }
 
-[data-theme="dark"] #sponsors {
-    background-color: #2C2F33 !important;
-}
-
 #sponsors .container {
     max-width: 70%;
 }
@@ -284,10 +280,6 @@ h1 {
     max-height: 4rem;
 }
 
-[data-theme="dark"] #sponsors a {
-    background-color: #EDEDED;
-}
-
 @media (min-width: 800px) {
     #sponsors a.column.is-one-third:first-child {
         margin-left: -.8rem;
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index 582d96e4..3bf5ade4 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -37,7 +37,7 @@ i.has-icon-padding {
     display: none;
 }
 #tab-content p.is-active {
-display: block;
+    display: block;
 }
 
 /* Disable highlighting for all text in the filters. */
diff --git a/pydis_site/static/images/events/DO_Logo_Vertical_Blue.png b/pydis_site/static/images/events/DO_Logo_Vertical_Blue.png
deleted file mode 100644
index ad528652..00000000
Binary files a/pydis_site/static/images/events/DO_Logo_Vertical_Blue.png and /dev/null differ
diff --git a/pydis_site/static/images/events/Replit.png b/pydis_site/static/images/events/Replit.png
deleted file mode 100644
index a8202641..00000000
Binary files a/pydis_site/static/images/events/Replit.png and /dev/null differ
diff --git a/pydis_site/static/images/events/Tabnine.png b/pydis_site/static/images/events/Tabnine.png
deleted file mode 100644
index eee42a5e..00000000
Binary files a/pydis_site/static/images/events/Tabnine.png and /dev/null differ
diff --git a/pydis_site/static/images/events/logos/DO_Logo_Vertical_Blue.png b/pydis_site/static/images/events/logos/DO_Logo_Vertical_Blue.png
new file mode 100644
index 00000000..ad528652
Binary files /dev/null and b/pydis_site/static/images/events/logos/DO_Logo_Vertical_Blue.png differ
diff --git a/pydis_site/static/images/events/logos/Replit.png b/pydis_site/static/images/events/logos/Replit.png
new file mode 100644
index 00000000..08033134
Binary files /dev/null and b/pydis_site/static/images/events/logos/Replit.png differ
diff --git a/pydis_site/static/images/events/logos/Tabnine.png b/pydis_site/static/images/events/logos/Tabnine.png
new file mode 100644
index 00000000..eee42a5e
Binary files /dev/null and b/pydis_site/static/images/events/logos/Tabnine.png differ
diff --git a/pydis_site/static/images/events/logos_dark/DO_Logo_Vertical_White.png b/pydis_site/static/images/events/logos_dark/DO_Logo_Vertical_White.png
new file mode 100644
index 00000000..d71b0714
Binary files /dev/null and b/pydis_site/static/images/events/logos_dark/DO_Logo_Vertical_White.png differ
diff --git a/pydis_site/static/images/events/logos_dark/Replit.png b/pydis_site/static/images/events/logos_dark/Replit.png
new file mode 100644
index 00000000..c362df72
Binary files /dev/null and b/pydis_site/static/images/events/logos_dark/Replit.png differ
diff --git a/pydis_site/static/images/events/logos_dark/django.png b/pydis_site/static/images/events/logos_dark/django.png
new file mode 100644
index 00000000..3d0bf011
Binary files /dev/null and b/pydis_site/static/images/events/logos_dark/django.png differ
diff --git a/pydis_site/static/images/resources/adafruit.png b/pydis_site/static/images/resources/adafruit.png
index 82cd45ac..652dbaeb 100644
Binary files a/pydis_site/static/images/resources/adafruit.png and b/pydis_site/static/images/resources/adafruit.png differ
diff --git a/pydis_site/static/images/resources/kivy.png b/pydis_site/static/images/resources/kivy.png
index 693b1834..025d0020 100644
Binary files a/pydis_site/static/images/resources/kivy.png and b/pydis_site/static/images/resources/kivy.png differ
diff --git a/pydis_site/static/images/resources_dark/adafruit.png b/pydis_site/static/images/resources_dark/adafruit.png
new file mode 100644
index 00000000..063f06ad
Binary files /dev/null and b/pydis_site/static/images/resources_dark/adafruit.png differ
diff --git a/pydis_site/static/images/resources_dark/coreyschafer.png b/pydis_site/static/images/resources_dark/coreyschafer.png
new file mode 100644
index 00000000..12ad14c9
Binary files /dev/null and b/pydis_site/static/images/resources_dark/coreyschafer.png differ
diff --git a/pydis_site/static/images/resources_dark/kivy.png b/pydis_site/static/images/resources_dark/kivy.png
new file mode 100644
index 00000000..ec124706
Binary files /dev/null and b/pydis_site/static/images/resources_dark/kivy.png differ
diff --git a/pydis_site/static/images/resources_dark/microsoft.png b/pydis_site/static/images/resources_dark/microsoft.png
new file mode 100644
index 00000000..75197bbf
Binary files /dev/null and b/pydis_site/static/images/resources_dark/microsoft.png differ
diff --git a/pydis_site/static/images/resources_dark/pallets.png b/pydis_site/static/images/resources_dark/pallets.png
new file mode 100644
index 00000000..e3ef3e05
Binary files /dev/null and b/pydis_site/static/images/resources_dark/pallets.png differ
diff --git a/pydis_site/static/images/resources_dark/panda3d.png b/pydis_site/static/images/resources_dark/panda3d.png
new file mode 100644
index 00000000..ed8878e3
Binary files /dev/null and b/pydis_site/static/images/resources_dark/panda3d.png differ
diff --git a/pydis_site/static/images/resources_dark/people_postgres_data.png b/pydis_site/static/images/resources_dark/people_postgres_data.png
new file mode 100644
index 00000000..8e207a62
Binary files /dev/null and b/pydis_site/static/images/resources_dark/people_postgres_data.png differ
diff --git a/pydis_site/static/images/resources_dark/pyglet.png b/pydis_site/static/images/resources_dark/pyglet.png
new file mode 100644
index 00000000..6e1a38ad
Binary files /dev/null and b/pydis_site/static/images/resources_dark/pyglet.png differ
diff --git a/pydis_site/static/images/resources_dark/python.png b/pydis_site/static/images/resources_dark/python.png
new file mode 100644
index 00000000..154cede4
Binary files /dev/null and b/pydis_site/static/images/resources_dark/python.png differ
diff --git a/pydis_site/static/images/resources_dark/sentdex.png b/pydis_site/static/images/resources_dark/sentdex.png
new file mode 100644
index 00000000..b264d82c
Binary files /dev/null and b/pydis_site/static/images/resources_dark/sentdex.png differ
diff --git a/pydis_site/static/images/sponsors_dark/cloudflare.png b/pydis_site/static/images/sponsors_dark/cloudflare.png
new file mode 100644
index 00000000..dd31a33a
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/cloudflare.png differ
diff --git a/pydis_site/static/images/sponsors_dark/jetbrains.png b/pydis_site/static/images/sponsors_dark/jetbrains.png
new file mode 100644
index 00000000..00726b33
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/jetbrains.png differ
diff --git a/pydis_site/static/images/sponsors_dark/linode.png b/pydis_site/static/images/sponsors_dark/linode.png
new file mode 100644
index 00000000..d2b7baa4
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/linode.png differ
diff --git a/pydis_site/static/images/sponsors_dark/netcup.png b/pydis_site/static/images/sponsors_dark/netcup.png
new file mode 100644
index 00000000..4921b495
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/netcup.png differ
diff --git a/pydis_site/static/images/sponsors_dark/netlify.png b/pydis_site/static/images/sponsors_dark/netlify.png
new file mode 100644
index 00000000..3738f3fb
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/netlify.png differ
diff --git a/pydis_site/static/images/sponsors_dark/notion.png b/pydis_site/static/images/sponsors_dark/notion.png
new file mode 100644
index 00000000..f386320e
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/notion.png differ
diff --git a/pydis_site/static/images/sponsors_dark/sentry.png b/pydis_site/static/images/sponsors_dark/sentry.png
new file mode 100644
index 00000000..029c9e6f
Binary files /dev/null and b/pydis_site/static/images/sponsors_dark/sentry.png differ
diff --git a/pydis_site/templates/events/pages/code-jams/10/_index.html b/pydis_site/templates/events/pages/code-jams/10/_index.html
index 9adaffa8..372aa805 100644
--- a/pydis_site/templates/events/pages/code-jams/10/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/10/_index.html
@@ -93,9 +93,12 @@
     <div class="card mb-4">
         <div class="card-content">
             <div class="media">
-                <div class="media-left sponsor" style="max-width:150px">
+                <div class="media-left sponsor light-image" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
+                <div class="media-left sponsor dark-image" style="max-width:150px">
+                    <img src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
+                </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
                     <p class="is-italic">
diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html
index 319d9ecb..2d197199 100644
--- a/pydis_site/templates/events/pages/code-jams/8/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -112,7 +112,8 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+                    <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+                    <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.digitalocean.com/" target="_blank" rel="noopener">DigitalOcean</a></p>
@@ -131,7 +132,8 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+                    <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+                    <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
@@ -150,7 +152,7 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
+                    <img src="{% static "images/events/logos/Tabnine.png" %}" alt="Tabnine">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank" rel="noopener">Tabnine</a></p>
diff --git a/pydis_site/templates/events/pages/code-jams/9/_index.html b/pydis_site/templates/events/pages/code-jams/9/_index.html
index aa4c6915..68e377c9 100644
--- a/pydis_site/templates/events/pages/code-jams/9/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/9/_index.html
@@ -105,7 +105,8 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+                    <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+                    <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.digitalocean.com/" target="_blank" rel="noopener">DigitalOcean</a></p>
@@ -124,7 +125,8 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+                    <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+                    <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
@@ -144,7 +146,8 @@
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
-                    <img src="{% static "images/events/Replit.png" %}" alt="Replit">
+                    <img class="light-image" src="{% static "images/events/logos/Replit.png" %}" alt="Replit">
+                    <img class="dark-image" src="{% static "images/events/logos_dark/Replit.png" %}" alt="Replit">
                 </div>
                 <div class="media-content">
                     <p class="subtitle has-link"><a href="https://www.replit.com" target="_blank" rel="noopener">Replit</a></p>
diff --git a/pydis_site/templates/events/sidebar/code-jams/6.html b/pydis_site/templates/events/sidebar/code-jams/6.html
index c09d9aab..d41986a5 100644
--- a/pydis_site/templates/events/sidebar/code-jams/6.html
+++ b/pydis_site/templates/events/sidebar/code-jams/6.html
@@ -3,12 +3,18 @@
     <p class="menu-label">Sponsors:</p>
     <p>
         <div class="sponsor">
-            <a href="https://do.co/devmeetup" target="_new"><img src="https://d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/developer-cloud/3f06d1cb-do-logo-blue-svg.svg" style="width: 100%;" alt=""></a>
+            <a href="https://do.co/devmeetup" target="_new">
+                <img class="light-image" src="/static/images/events/logos/DO_Logo_Vertical_Blue.png" style="width: 100%;" alt="">
+                <img class="dark-image" src="/static/images/events/logos_dark/DO_Logo_Vertical_White.png" style="width: 100%;" alt="">
+            </a>
         </div>
     </p>
     <p>
         <div class="sponsor">
-            <a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></a>
+            <a href="https://jetbrains.com" target="_new">
+                <img class="light-image" src="/static/images/sponsors/jetbrains.png" alt="Jetbrains">
+                <img class="dark-image" src="/static/images/sponsors_dark/jetbrains.png" alt="Jetbrains">
+            </a>
         </div>
     </p>
 </div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/7.html b/pydis_site/templates/events/sidebar/code-jams/7.html
index 3381d3ae..89c90ea9 100644
--- a/pydis_site/templates/events/sidebar/code-jams/7.html
+++ b/pydis_site/templates/events/sidebar/code-jams/7.html
@@ -5,12 +5,14 @@
     <p class="menu-label">Sponsors</p>
     <div class="sponsor">
         <a href="https://www.djangoproject.com/" target="_blank">
-            <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
+            <img class="light-image" src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
+            <img class="dark-image" src="/static/images/events/logos_dark/django.png" alt="Django">
         </a>
     </div>
     <div class="sponsor">
         <a href="https://jetbrains.com" target="_blank">
-            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
         </a>
     </div>
 </div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/8.html b/pydis_site/templates/events/sidebar/code-jams/8.html
index f579a0b2..a72da760 100644
--- a/pydis_site/templates/events/sidebar/code-jams/8.html
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -13,17 +13,19 @@
     <h4 class="menu-label">Our Sponsors</h4>
     <div class="sponsor">
         <a href="https://www.digitalocean.com/" target="_blank">
-            <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+            <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+            <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
         </a>
     </div>
     <div class="sponsor">
         <a href="https://jetbrains.com" target="_blank">
-            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
         </a>
     </div>
     <div class="sponsor">
         <a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank">
-            <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
+            <img src="{% static "images/events/logos/Tabnine.png" %}" alt="Tabnine">
         </a>
     </div>
 </div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/9.html b/pydis_site/templates/events/sidebar/code-jams/9.html
index a312ed35..f69d388b 100644
--- a/pydis_site/templates/events/sidebar/code-jams/9.html
+++ b/pydis_site/templates/events/sidebar/code-jams/9.html
@@ -11,17 +11,20 @@
     <h4 class="menu-label">Our Sponsors</h4>
     <div class="sponsor">
         <a href="https://www.digitalocean.com/" target="_blank">
-            <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+            <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+            <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
         </a>
     </div>
     <div class="sponsor">
         <a href="https://jetbrains.com" target="_blank">
-            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+            <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
         </a>
     </div>
     <div class="sponsor">
         <a href="https://replit.com/" target="_blank">
-            <img src="{% static "images/events/Replit.png" %}" alt="Replit">
+            <img class="light-image" src="{% static "images/events/logos/Replit.png" %}" alt="Replit">
+            <img class="dark-image" src="{% static "images/events/logos_dark/Replit.png" %}" alt="Replit">
         </a>
     </div>
 </div>
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index 30b064a4..78ed862c 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -189,32 +189,40 @@
         </h1>
         <div class="columns is-vcentered">
           <a href="https://www.netcup.eu/" class="column is-one-third">
-            <img src="{% static "images/sponsors/netcup.png" %}" alt="netcup" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/netcup.png" %}" alt="netcup" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/netcup.png" %}" alt="netcup" loading="lazy"/>
           </a>
           <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085" class="column is-one-third">
-            <img src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/linode.png" %}" alt="Linode" loading="lazy"/>
           </a>
           <a href="https://jetbrains.com" class="column is-one-third">
-            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
           </a>
         </div>
         <div class="columns is-vcentered">
           <a href="https://sentry.io" class="column is-one-third">
-            <img src="{% static "images/sponsors/sentry.png" %}" alt="Sentry" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/sentry.png" %}" alt="Sentry" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/sentry.png" %}" alt="Sentry" loading="lazy"/>
           </a>
           <a href="https://notion.so" class="column is-one-third">
-            <img src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/notion.png" %}" alt="Notion" loading="lazy"/>
           </a>
           <a href="https://streamyard.com" class="column is-one-third">
-            <img src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
           </a>
         </div>
         <div class="columns is-vcentered">
           <a href="https://www.netlify.com/" class="column is-half">
-            <img src="{% static "images/sponsors/netlify.png" %}" alt="Netlify" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/netlify.png" %}" alt="Netlify" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/netlify.png" %}" alt="Netlify" loading="lazy"/>
           </a>
           <a href="https://www.cloudflare.com/" class="column is-half">
-            <img src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
+            <img class="light-image" src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
+            <img class="dark-image" src="{% static "images/sponsors_dark/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
           </a>
         </div>
       </div>
diff --git a/pydis_site/templates/resources/resource_box_header.html b/pydis_site/templates/resources/resource_box_header.html
index dfbdd92f..1170598a 100644
--- a/pydis_site/templates/resources/resource_box_header.html
+++ b/pydis_site/templates/resources/resource_box_header.html
@@ -2,11 +2,25 @@
 
 {# Icon section #}
 {% if 'icon_image' in resource %}
-    <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+    {% if 'icon_image_dark' in resource %}
+        <img class="light-image" src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+        <img class="dark-image" src="{{ resource.icon_image_dark }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+    {% else %}
+        <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+    {% endif %}
 {% elif 'title_icon' in resource %}
-    <span class="icon is-size-4 is-medium">
-        <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
-    </span>
+    {% if 'title_icon_dark' in resource %}
+        <span class="icon is-size-4 is-medium light-image">
+            <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+        </span>
+        <span class="icon is-size-4 is-medium dark-image">
+            <i class="{{ resource.title_icon_dark|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+        </span>
+    {% else %}
+        <span class="icon is-size-4 is-medium">
+            <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+        </span>
+    {% endif %}
 {% elif 'default_icon' in category_info %}
     <span class="icon is-size-4 is-medium">
         <i class="{{ category_info.default_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ category_info.default_icon_color }}"></i>
@@ -16,7 +30,12 @@
 {# Title section #}
 <span class="is-size-4 has-text-weight-bold">
     {% if 'title_image' in resource %}
-        <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+        {% if 'title_image_dark' in resource %}
+            <img class="light-image" src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+            <img class="dark-image" src="{{ resource.title_image_dark }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+        {% else %}
+            <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+        {% endif %}
     {% elif 'name' in resource %}
         {{ resource.name }}
     {% endif %}
-- 
cgit v1.2.3


From 4fd32e650244f18a9bf78511845f277e9305f987 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sun, 28 Jan 2024 20:06:57 +0800
Subject: Dark: Use a darker pydis blurple everywhere

---
 pydis_site/settings.py              | 2 +-
 pydis_site/static/css/base/base.css | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

(limited to 'pydis_site/static/css/base')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 5942c582..a916ddb0 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -316,7 +316,7 @@ BULMA_SETTINGS = {
         "tooltip-max-width": "30rem",
     },
     "dark_variables": {
-        "primary": "#7289DA",         # PyDis blurple
+        "primary": "#5365A4",         # A darker PyDis blurple
         "warning": "#4B4636",
         "warning-invert": "#FFFFFF",
         "primary-dark": "#EFF1FB",    # Bulma's primary-light
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css
index 150c0287..cc8d13cb 100644
--- a/pydis_site/static/css/base/base.css
+++ b/pydis_site/static/css/base/base.css
@@ -186,10 +186,6 @@ button.is-size-navbar-menu, a.is-size-navbar-menu {
     }
 }
 
-[data-theme="dark"] .button.is-primary, .button.is-link {
-    background-color: #5365A4;
-}
-
 [data-theme="dark"] .button.is-primary:hover, .button.is-primary.is-hovered,
 [data-theme="dark"] .button.is-link:hover, .button.is-link.is-hovered {
     background-color: #6276BC;
-- 
cgit v1.2.3