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')

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')

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 ed32b893bf785a9b858073eddd213b67b22f0cda Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Wed, 9 Feb 2022 00:33:28 +0000
Subject: Remove clashing css

---
 pydis_site/static/css/home/timeline.css | 5 -----
 1 file changed, 5 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index 0a4dfbb6..f9963d00 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -1,8 +1,3 @@
-body {
-    background-color: hsl(0, 0%, 100%);
-    background-color: var(--color-bg, white)
-}
-
 h2 {
     font-size: 2em;
 }
-- 
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')

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')

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')

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 a258ba1675fc1ac989b7d75efa52ccbaaf14bb57 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 14 Dec 2023 20:55:43 +0800
Subject: Dark: Fix most colors on timeline

A LOT of colors are still hardcoded in the CSS
---
 pydis_site/static/css/home/timeline.css |   7 -
 pydis_site/templates/home/timeline.html | 310 ++++++++++++++++----------------
 2 files changed, 155 insertions(+), 162 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index f9963d00..2fd2357e 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -3547,8 +3547,6 @@ mark {
     position: relative;
     margin-left: 1.25em;
     margin-left: var(--space-md);
-    background: hsl(0, 0%, 100%);
-    background: var(--color-white);
     border-radius: 0.25em;
     border-radius: var(--radius-md);
     padding: 1.25em;
@@ -3598,11 +3596,6 @@ mark {
     }
 }
 
-.cd-timeline__date {
-    color: hsla(207, 10%, 55%, 0.7);
-    color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.7)
-}
-
 @media (min-width: 64rem) {
     .cd-timeline__date {
         position: absolute;
diff --git a/pydis_site/templates/home/timeline.html b/pydis_site/templates/home/timeline.html
index 10c91007..49de14b5 100644
--- a/pydis_site/templates/home/timeline.html
+++ b/pydis_site/templates/home/timeline.html
@@ -10,7 +10,7 @@
 {% block content %}
   {% include "base/navbar.html" %}
 
-  <section class="cd-timeline js-cd-timeline">
+  <section class="cd-timeline js-cd-timeline has-background-white">
     <div class="container max-width-lg cd-timeline__container">
 
       <div class="cd-timeline__block">
@@ -19,8 +19,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Switch to new paste service</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Switch to new paste service</h2>
+          <p class="color-contrast-medium has-text-dark">
             We migrate over to <a href="https://github.com/supakeen/pinnwand">pinnwand</a>
             as the service that powers our paste bin over at
             <a href="https://paste.pythondiscord.com">https://paste.pythondiscord.com/</a>.
@@ -29,7 +29,7 @@
             Python!
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jul 11th, 2023</span>
+            <span class="cd-timeline__date has-text-grey">Jul 11th, 2023</span>
           </div>
         </div>
       </div>
@@ -40,8 +40,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Retirement of Joe and Sebastiaan</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Retirement of Joe and Sebastiaan</h2>
+          <p class="color-contrast-medium has-text-dark">
             Having been at the helm of Python Discord for over 5 and 3 years respectively, Joe and
             Sebastiaan retire and step down. They gain the @Founders role and continue as advisors
             to the @Directors, the new name of the original @Owners role.
@@ -49,7 +49,7 @@
             At the same time, Mina and Zig join Leon as co-directors.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jan 30th, 2023</span>
+            <span class="cd-timeline__date has-text-grey">Jan 30th, 2023</span>
           </div>
         </div>
       </div>
@@ -60,14 +60,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Switch to forum-based help system</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Switch to forum-based help system</h2>
+          <p class="color-contrast-medium has-text-dark">
             We migrate our help system to use a forum channel, retiring our home-grown rotating help
             system after 3 years of service and nearly 500,000 help sessions. Forum channels offer
             a better experience as members can create their own dedicated thread in a discoverable place.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Nov 25th, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Nov 25th, 2022</span>
           </div>
         </div>
       </div>
@@ -78,8 +78,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python 3.11 Release Stream</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Python 3.11 Release Stream</h2>
+          <p class="color-contrast-medium has-text-dark">
             With the Python 3.10 Release Stream being such a success, we brought it back for the
             release of Python 3.11. Hosted by Leon, and CPython 3.11 Release Manager, Pablo Galindo,
             they were joined by other CPython Core Developers. Together, they discuss the specific
@@ -93,7 +93,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 24th, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Oct 24th, 2022</span>
           </div>
         </div>
       </div>
@@ -104,8 +104,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Summer Code Jam 2022 (CJ9)</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Summer Code Jam 2022 (CJ9)</h2>
+          <p class="color-contrast-medium has-text-dark">
             We host the 9th Code Jam. This year, teams had to use <b>websockets</b> to create a
             project based on the theme, <b>It's not a bug, it's a feature</b>. In all, 24 teams
             submitted their projects. At the end, we held a livestream demoing the top 10 projects
@@ -119,7 +119,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">July 21st, 2022</span>
+            <span class="cd-timeline__date has-text-grey">July 21st, 2022</span>
           </div>
         </div>
       </div>
@@ -130,13 +130,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Partnership with pyqtgraph</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Partnership with pyqtgraph</h2>
+          <p class="color-contrast-medium has-text-dark">
             The <code>#pyqtgraph</code> channel is created for the Scientific Graphics and GUI
             library pyqtgraph, joining <code>#black-formatter</code>.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 19th, 2022</span>
+            <span class="cd-timeline__date has-text-grey">May 19th, 2022</span>
           </div>
         </div>
       </div>
@@ -147,13 +147,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Addition of @Sir Robin</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Addition of @Sir Robin</h2>
+          <p class="color-contrast-medium has-text-dark">
             Our arsenal of bots grows! We add @Sir Robin to power and manage all of our future
             events and to support the Events Team.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 21st, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Feb 21st, 2022</span>
           </div>
         </div>
       </div>
@@ -164,14 +164,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Trivia Night</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Trivia Night</h2>
+          <p class="color-contrast-medium has-text-dark">
             How well do you know Python inside out? Members got to find out in a Trivia Night event.
             Contestants were given questions about Python's internals, its development, and more.
             To win, contestants had to get the most questions right while being fast to answer.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 12th, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Feb 12th, 2022</span>
           </div>
         </div>
       </div>
@@ -182,14 +182,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Creation of Events Team</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Creation of Events Team</h2>
+          <p class="color-contrast-medium has-text-dark">
             We form the Events Team to organise and run future events. Led by Kat and comprised by
             staff members, the goal of the team is to ultimately host more events in a more
             sustainable way.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 9th, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Feb 9th, 2022</span>
           </div>
         </div>
       </div>
@@ -201,8 +201,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Deployment of Smarter Resources</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Deployment of Smarter Resources</h2>
+          <p class="color-contrast-medium has-text-dark">
             We gave our resources pages some much needed love and
             <a href="https://www.pythondiscord.com/resources/">
               reorganised them into a single page</a>,
@@ -210,7 +210,7 @@
             ones that relate to your interests, experience, learning style, and ability to pay!
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 2nd, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Feb 2nd, 2022</span>
           </div>
         </div>
       </div>
@@ -221,13 +221,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We hit 300 000 members!</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">We hit 300 000 members!</h2>
+          <p class="color-contrast-medium has-text-dark">
             Thanks to an increasing growth rate, Python Discord's membership count doubled from
             150,000 to 300,000 in less than a year!
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jan 19, 2022</span>
+            <span class="cd-timeline__date has-text-grey">Jan 19, 2022</span>
           </div>
         </div>
       </div>
@@ -238,8 +238,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We host the Python 3.10 Release Stream</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">We host the Python 3.10 Release Stream</h2>
+          <p class="color-contrast-medium has-text-dark">
             Leon and Pablo Galindo, CPython Core Developer and Release Manager, host the Python 3.10
             Release Stream, joined by other core devs Carol Willing, Irit Katriel, Łukasz Langa, and
             Brandt Bucher. They talked in-depth about the new features introduced in 3.10, the
@@ -253,7 +253,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 4th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Oct 4th, 2021</span>
           </div>
         </div>
       </div>
@@ -264,14 +264,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Partnership with Black</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Partnership with Black</h2>
+          <p class="color-contrast-medium has-text-dark">
             We partner with the uncompromising code formatter project, Black, who were looking for a
             new home for their real-time chat. Python Discord ended up being that home, resulting in
             the creation of the <code>#black-formatter</code> channel.
           </p>
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 24th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">May 24th, 2021</span>
           </div>
         </div>
       </div>
@@ -282,8 +282,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Summer Code Jam 2021 (CJ8)</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Summer Code Jam 2021 (CJ8)</h2>
+          <p class="color-contrast-medium has-text-dark">
             We host the 8th now-annual Code Jam. Teams had to create a program with an text-based user
             interface (TUI), all designed around the theme of “think inside the box.” Ultimately, 51
             teams submitted projects.
@@ -293,7 +293,7 @@
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">July 9, 2021</span>
+            <span class="cd-timeline__date has-text-grey">July 9, 2021</span>
           </div>
         </div>
       </div>
@@ -304,19 +304,19 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Inaugural run of Pixels</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Inaugural run of Pixels</h2>
+          <p class="color-contrast-medium has-text-dark">
             Inspired by the subreddit, r/place, Pixels was our collaborative canvas event held
             between May 25 to June 14, providing a beginner-friendly API to paint pixels on a
             virtual canvas.
           </p>
-          <p class="color-contrast-medium">
+          <p class="color-contrast-medium has-text-dark">
             Later, we released <a href="https://blog.pythondiscord.com/pixels-summer-2021/">a blog post</a>
             summarizing what happened, our motives, and some stories from during development.
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 24, 2021</span>
+            <span class="cd-timeline__date has-text-grey">May 24, 2021</span>
           </div>
         </div>
       </div>
@@ -327,8 +327,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Owners become PSF Fellows</h2>
-          <p class="color-contrast-medium">Joe, Leon, and Sebastiaan
+          <h2 class="has-text-dark">Owners become PSF Fellows</h2>
+          <p class="color-contrast-medium has-text-dark">Joe, Leon, and Sebastiaan
             <a href="https://pyfound.blogspot.com/2021/04/python-software-foundation-fellow.html">
               are recognized as Python Software Foundation Fellows
             </a>
@@ -337,7 +337,7 @@
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">April 23, 2021</span>
+            <span class="cd-timeline__date has-text-grey">April 23, 2021</span>
           </div>
         </div>
       </div>
@@ -348,8 +348,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Summer Code Jam 2020 Highlights</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Summer Code Jam 2020 Highlights</h2>
+          <p class="color-contrast-medium has-text-dark">
             We release a new video to our YouTube showing the best projects from the Summer Code Jam 2020.
             Better late than never!
           </p>
@@ -361,7 +361,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 21st, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Mar 21st, 2021</span>
           </div>
         </div>
       </div>
@@ -372,8 +372,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>New feature: Weekly discussion channel</h2>
-          <p class="color-contrast-medium">Every week (or two weeks), we'll be posting a new topic to discuss in a
+          <h2 class="has-text-dark">New feature: Weekly discussion channel</h2>
+          <p class="color-contrast-medium has-text-dark">Every week (or two weeks), we'll be posting a new topic to discuss in a
             channel called <b>#weekly-topic-discussion</b>. Our inaugural topic is a PyCon talk by Anthony Shaw called
             <b>Wily Python: Writing simpler and more maintainable Python.</b></a>.
           </p>
@@ -385,7 +385,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 13th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Mar 13th, 2021</span>
           </div>
         </div>
       </div>
@@ -396,8 +396,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We're on the Teaching Python podcast!</h2>
-          <p class="color-contrast-medium">Leon joins Sean and Kelly on the Teaching Python podcast to discuss how the pandemic has
+          <h2 class="has-text-dark">We're on the Teaching Python podcast!</h2>
+          <p class="color-contrast-medium has-text-dark">Leon joins Sean and Kelly on the Teaching Python podcast to discuss how the pandemic has
             changed the way we learn, and what role communities like Python Discord can play in this new world.
             You can find the episode <a href="https://www.teachingpython.fm/63">at teachingpython.fm</a>.
           </p>
@@ -407,7 +407,7 @@
           ></iframe>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 13th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Mar 13th, 2021</span>
           </div>
         </div>
       </div>
@@ -418,8 +418,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Leon Sandøy appears on Talk Python To Me</h2>
-          <p class="color-contrast-medium">Leon goes on the Talk Python to Me podcast with Michael Kennedy
+          <h2 class="has-text-dark">Leon Sandøy appears on Talk Python To Me</h2>
+          <p class="color-contrast-medium has-text-dark">Leon goes on the Talk Python to Me podcast with Michael Kennedy
             to discuss the history of Python Discord, the critical importance of culture, and how to run a massive
             community. You can find the episode <a href="https://talkpython.fm/episodes/show/305/python-community-at-python-discord"> at talkpython.fm</a>.
           </p>
@@ -429,7 +429,7 @@
           </iframe>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 1st, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Mar 1st, 2021</span>
           </div>
         </div>
       </div>
@@ -440,11 +440,11 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We now have 150,000 members!</h2>
-          <p class="color-contrast-medium">Our growth continues to accelerate.</p>
+          <h2 class="has-text-dark">We now have 150,000 members!</h2>
+          <p class="color-contrast-medium has-text-dark">Our growth continues to accelerate.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 18th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">Feb 18th, 2021</span>
           </div>
         </div>
       </div>
@@ -455,8 +455,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We release The PEP 8 song</h2>
-          <p class="color-contrast-medium">We release the PEP 8 song on our YouTube channel, which finds tens of
+          <h2 class="has-text-dark">We release The PEP 8 song</h2>
+          <p class="color-contrast-medium has-text-dark">We release the PEP 8 song on our YouTube channel, which finds tens of
             thousands of listeners!</p>
 
           <div class="force-aspect-container">
@@ -466,7 +466,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">February 8th, 2021</span>
+            <span class="cd-timeline__date has-text-grey">February 8th, 2021</span>
           </div>
         </div>
       </div>
@@ -477,8 +477,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Advent of Code attracts hundreds of participants</h2>
-          <p class="color-contrast-medium">
+          <h2 class="has-text-dark">Advent of Code attracts hundreds of participants</h2>
+          <p class="color-contrast-medium has-text-dark">
             A total of 443 Python Discord members sign up to be part of
             <a href="https://adventofcode.com/">Eric Wastl's excellent Advent of Code event</a>.
             As always, we provide dedicated announcements, scoreboards, bot commands and channels for our members
@@ -487,7 +487,7 @@
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">December 1st - 25th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">December 1st - 25th, 2020</span>
           </div>
         </div>
       </div>
@@ -498,14 +498,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>We migrate all our infrastructure to Kubernetes</h2>
-          <p class="color-contrast-medium">As our tech stack grows, we decide to migrate all our services over to a
+          <h2 class="has-text-dark">We migrate all our infrastructure to Kubernetes</h2>
+          <p class="color-contrast-medium has-text-dark">As our tech stack grows, we decide to migrate all our services over to a
             container orchestration paradigm via Kubernetes. This gives us better control and scalability.
             <b>Joe Banks</b> takes on the role as DevOps Lead.
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Nov 29th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Nov 29th, 2020</span>
           </div>
         </div>
       </div>
@@ -516,13 +516,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord hits 100,000 members!</h2>
-          <p class="color-contrast-medium">Only six months after hitting 40,000 users, we hit 100,000 users. A
+          <h2 class="has-text-dark">Python Discord hits 100,000 members!</h2>
+          <p class="color-contrast-medium has-text-dark">Only six months after hitting 40,000 users, we hit 100,000 users. A
             monumental milestone,
             and one we're very proud of. To commemorate it, we create this timeline.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 22nd, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Oct 22nd, 2020</span>
           </div>
         </div>
       </div>
@@ -533,7 +533,7 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord hosts the 2020 CPython Core Developer Q&A</h2>
+          <h2 class="has-text-dark">Python Discord hosts the 2020 CPython Core Developer Q&A</h2>
           <div class="force-aspect-container">
             <iframe class="force-aspect-content" src="https://www.youtube.com/embed/gXMdfBTcOfQ" frameborder="0"
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -541,7 +541,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 21st, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Oct 21st, 2020</span>
           </div>
         </div>
       </div>
@@ -552,13 +552,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord is now the new home of the PyWeek event!</h2>
-          <p class="color-contrast-medium">PyWeek, a game jam that has been running since 2005, joins Python
+          <h2 class="has-text-dark">Python Discord is now the new home of the PyWeek event!</h2>
+          <p class="color-contrast-medium has-text-dark">PyWeek, a game jam that has been running since 2005, joins Python
             Discord as one of our official events. Find more information about PyWeek on <a
                 href="https://pyweek.org/">their official website</a>.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Aug 16th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Aug 16th, 2020</span>
           </div>
         </div>
       </div>
@@ -569,8 +569,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis summer code jam 2020 with the theme “Early Internet” and Django as the technology</h2>
-          <p class="color-contrast-medium">Sponsored by the Django Software Foundation and JetBrains, the Summer
+          <h2 class="has-text-dark">PyDis summer code jam 2020 with the theme “Early Internet” and Django as the technology</h2>
+          <p class="color-contrast-medium has-text-dark">Sponsored by the Django Software Foundation and JetBrains, the Summer
             Code Jam for 2020 attracts hundreds of participants, and sees the creation of some fantastic
             projects. Check them out in our judge stream below:</p>
 
@@ -581,7 +581,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jul 31st, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Jul 31st, 2020</span>
           </div>
         </div>
       </div>
@@ -592,13 +592,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord Public Statistics are now live</h2>
-          <p class="color-contrast-medium">After getting numerous requests to publish beautiful data on member
+          <h2 class="has-text-dark">Python Discord Public Statistics are now live</h2>
+          <p class="color-contrast-medium has-text-dark">After getting numerous requests to publish beautiful data on member
             count and channel use, we create <a href="https://stats.pythondiscord.com/">stats.pythondiscord.com</a> for
             all to enjoy.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jun 4th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Jun 4th, 2020</span>
           </div>
         </div>
       </div>
@@ -609,13 +609,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord is now listed on python.org/community</h2>
-          <p class="color-contrast-medium">After working towards this goal for months, we finally work out an
+          <h2 class="has-text-dark">Python Discord is now listed on python.org/community</h2>
+          <p class="color-contrast-medium has-text-dark">After working towards this goal for months, we finally work out an
             arrangement with the PSF that allows us to be listed on that most holiest of websites:
             https://python.org/. <a href="https://youtu.be/yciX2meIkXI?t=3">There was much rejoicing.</a></p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 28th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">May 28th, 2020</span>
           </div>
         </div>
       </div>
@@ -626,13 +626,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>ModMail is now live</h2>
-          <p class="color-contrast-medium">Having originally planned to write our own ModMail bot from scratch, we
+          <h2 class="has-text-dark">ModMail is now live</h2>
+          <p class="color-contrast-medium has-text-dark">Having originally planned to write our own ModMail bot from scratch, we
             come across an exceptionally good <a href="https://github.com/kyb3r/modmail">ModMail bot by
               kyb3r</a> and decide to just self-host that one instead.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 25th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">May 25th, 2020</span>
           </div>
         </div>
       </div>
@@ -643,8 +643,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis Game Jam 2020 with the “Three of a Kind” theme and Arcade as the technology</h2>
-          <p class="color-contrast-medium">The creator of Arcade, Paul Vincent Craven, joins us as a judge.
+          <h2 class="has-text-dark">PyDis Game Jam 2020 with the “Three of a Kind” theme and Arcade as the technology</h2>
+          <p class="color-contrast-medium has-text-dark">The creator of Arcade, Paul Vincent Craven, joins us as a judge.
             Several of the Code Jam participants also end up getting involved contributing to the Arcade
             repository.</p>
 
@@ -655,7 +655,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Apr 17th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Apr 17th, 2020</span>
           </div>
         </div>
       </div>
@@ -666,13 +666,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord hits 40,000 members, and is now bigger than Liechtenstein.</h2>
-          <p class="color-contrast-medium"><img
+          <h2 class="has-text-dark">Python Discord hits 40,000 members, and is now bigger than Liechtenstein.</h2>
+          <p class="color-contrast-medium has-text-dark"><img
               src="https://cdn.discordapp.com/attachments/354619224620138496/699666518476324954/unknown.png">
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Apr 14, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Apr 14, 2020</span>
           </div>
         </div>
       </div>
@@ -683,14 +683,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>The new help channel system is live</h2>
-          <p class="color-contrast-medium">We release our dynamic help-channel system, which allows you to claim
+          <h2 class="has-text-dark">The new help channel system is live</h2>
+          <p class="color-contrast-medium has-text-dark">We release our dynamic help-channel system, which allows you to claim
             your very own help channel instead of fighting over the static help channels. We release a <a
                 href="https://pythondiscord.com/pages/resources/guides/help-channels/">Help Channel Guide</a> to
             help our members fully understand how the system works.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Apr 5th, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Apr 5th, 2020</span>
           </div>
         </div>
       </div>
@@ -701,8 +701,8 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis sixth code jam with the theme “Ancient technology” and the technology Kivy</h2>
-          <p class="color-contrast-medium">Our Code Jams are becoming an increasingly big deal, and the Kivy core
+          <h2 class="has-text-dark">PyDis sixth code jam with the theme “Ancient technology” and the technology Kivy</h2>
+          <p class="color-contrast-medium has-text-dark">Our Code Jams are becoming an increasingly big deal, and the Kivy core
             developers join us to judge the event and help out our members during the event. One of them,
             @tshirtman, even joins our staff!</p>
 
@@ -713,7 +713,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jan 17, 2020</span>
+            <span class="cd-timeline__date has-text-grey">Jan 17, 2020</span>
           </div>
         </div>
       </div>
@@ -724,12 +724,12 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis hits 30,000 members</h2>
-          <p class="color-contrast-medium">More than tripling in size since the year before, the community hits
+          <h2 class="has-text-dark">PyDis hits 30,000 members</h2>
+          <p class="color-contrast-medium has-text-dark">More than tripling in size since the year before, the community hits
             30000 users. At this point, we're probably the largest Python chat community on the planet.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Dec 22nd, 2019</span>
+            <span class="cd-timeline__date has-text-grey">Dec 22nd, 2019</span>
           </div>
         </div>
       </div>
@@ -740,12 +740,12 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Sebastiaan Zeef becomes an owner</h2>
-          <p class="color-contrast-medium">After being a long time active contributor to our projects and the driving
+          <h2 class="has-text-dark">Sebastiaan Zeef becomes an owner</h2>
+          <p class="color-contrast-medium has-text-dark">After being a long time active contributor to our projects and the driving
             force behind many of our events, Sebastiaan Zeef joins the Owners Team alongside Joe & Leon.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Sept 22nd, 2019</span>
+            <span class="cd-timeline__date has-text-grey">Sept 22nd, 2019</span>
           </div>
         </div>
       </div>
@@ -756,13 +756,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>The code of conduct is created</h2>
-          <p class="color-contrast-medium">Inspired by the Adafruit, Rust and Django communities, an essential
+          <h2 class="has-text-dark">The code of conduct is created</h2>
+          <p class="color-contrast-medium has-text-dark">Inspired by the Adafruit, Rust and Django communities, an essential
             community pillar is created; Our <a href="https://pythondiscord.com/pages/code-of-conduct/">Code of
               Conduct.</a></p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 26th, 2019</span>
+            <span class="cd-timeline__date has-text-grey">Oct 26th, 2019</span>
           </div>
         </div>
       </div>
@@ -773,13 +773,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>The Django rewrite of pythondiscord.com is now live!</h2>
-          <p class="color-contrast-medium">The site is getting more and more complex, and it's time for a rewrite.
+          <h2 class="has-text-dark">The Django rewrite of pythondiscord.com is now live!</h2>
+          <p class="color-contrast-medium has-text-dark">The site is getting more and more complex, and it's time for a rewrite.
             We decide to go for a different stack, and build a website based on Django, DRF, Bulma and
             PostgreSQL.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Sep 15, 2019</span>
+            <span class="cd-timeline__date has-text-grey">Sep 15, 2019</span>
           </div>
         </div>
       </div>
@@ -790,7 +790,7 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis hits 15,000 members; the “hot ones special” video is released</h2>
+          <h2 class="has-text-dark">PyDis hits 15,000 members; the “hot ones special” video is released</h2>
           <div class="force-aspect-container">
             <iframe class="force-aspect-content" src="https://www.youtube.com/embed/DIBXg8Qh7bA" frameborder="0"
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -798,7 +798,7 @@
           </div>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Apr 8th, 2019</span>
+            <span class="cd-timeline__date has-text-grey">Apr 8th, 2019</span>
           </div>
         </div>
       </div>
@@ -809,14 +809,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>django-simple-bulma is released on PyPi</h2>
-          <p class="color-contrast-medium">Our very first package on PyPI, <a
+          <h2 class="has-text-dark">django-simple-bulma is released on PyPi</h2>
+          <p class="color-contrast-medium has-text-dark">Our very first package on PyPI, <a
               href="https://pypi.org/project/django-simple-bulma/">django-simple-bulma</a> is a package that
             sets up the Bulma CSS framework for your Django application and lets you configure everything in
             settings.py.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Dec 19th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Dec 19th, 2018</span>
           </div>
         </div>
       </div>
@@ -827,12 +827,12 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis hits 10,000 members</h2>
-          <p class="color-contrast-medium">We partner with RLBot, move from GitLab to GitHub, and start putting
+          <h2 class="has-text-dark">PyDis hits 10,000 members</h2>
+          <p class="color-contrast-medium has-text-dark">We partner with RLBot, move from GitLab to GitHub, and start putting
             together the first Advent of Code event.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Nov 24th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Nov 24th, 2018</span>
           </div>
         </div>
       </div>
@@ -843,14 +843,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>First Hacktoberfest PyDis event; @Sir Lancebot is created</h2>
-          <p class="color-contrast-medium">We create a second bot for our community and fill it up with simple,
+          <h2 class="has-text-dark">First Hacktoberfest PyDis event; @Sir Lancebot is created</h2>
+          <p class="color-contrast-medium has-text-dark">We create a second bot for our community and fill it up with simple,
             fun and relatively easy issues. The idea is to create an approachable arena for our members to cut
             their open-source teeth on, and to provide lots of help and hand-holding for those who get stuck.
             We're training our members to be productive contributors in the open-source ecosystem.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Oct 1st, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Oct 1st, 2018</span>
           </div>
         </div>
       </div>
@@ -861,13 +861,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis is now partnered with Discord; the vanity URL discord.gg/python is created</h2>
-          <p class="color-contrast-medium">After being rejected for their Partner program several times, we
+          <h2 class="has-text-dark">PyDis is now partnered with Discord; the vanity URL discord.gg/python is created</h2>
+          <p class="color-contrast-medium has-text-dark">After being rejected for their Partner program several times, we
             finally get approved. The recent partnership with the r/Python subreddit plays a significant role in
             qualifying us for this partnership.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jul 10th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Jul 10th, 2018</span>
           </div>
         </div>
       </div>
@@ -878,13 +878,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis hits 5,000 members and partners with r/Python</h2>
-          <p class="color-contrast-medium">As we continue to grow, we approach the r/Python subreddit and ask to
+          <h2 class="has-text-dark">PyDis hits 5,000 members and partners with r/Python</h2>
+          <p class="color-contrast-medium has-text-dark">As we continue to grow, we approach the r/Python subreddit and ask to
             become their official Discord community. They agree, and we become listed in their sidebar, giving
             us yet another source of new members.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jun 20th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Jun 20th, 2018</span>
           </div>
         </div>
       </div>
@@ -895,15 +895,15 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Do You Even Python and PyDis merger</h2>
-          <p class="color-contrast-medium">At this point in time, there are only two serious Python communities on
+          <h2 class="has-text-dark">Do You Even Python and PyDis merger</h2>
+          <p class="color-contrast-medium has-text-dark">At this point in time, there are only two serious Python communities on
             Discord - Ours, and one called Do You Even Python. We approach the owners of DYEP with a bold
             proposal - let's shut down their community, replace it with links to ours, and in return we will let
             their staff join our staff. This gives us a big boost in members, and eventually leads to @eivl and
             @Mr. Hemlock joining our Admin team</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jun 9th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Jun 9th, 2018</span>
           </div>
         </div>
       </div>
@@ -914,15 +914,15 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>The privacy policy is created</h2>
-          <p class="color-contrast-medium">Since data privacy is quite important to us, we create a privacy page
+          <h2 class="has-text-dark">The privacy policy is created</h2>
+          <p class="color-contrast-medium has-text-dark">Since data privacy is quite important to us, we create a privacy page
             pretty much as soon as our new bot and site starts collecting some data. To this day, we keep <a
                 href="https://pythondiscord.com/pages/privacy/">our privacy policy</a> up to date with all
             changes, and since April 2020 we've started doing <a
                 href="https://pythondiscord.notion.site/6784e3a9752444e89d19e65fd4510d8d">monthly data reviews</a>.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">May 21st, 2018</span>
+            <span class="cd-timeline__date has-text-grey">May 21st, 2018</span>
           </div>
         </div>
       </div>
@@ -933,15 +933,15 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>First code jam with the theme “snakes”</h2>
-          <p class="color-contrast-medium">Our very first Code Jam attracts a handful of users who work in random
+          <h2 class="has-text-dark">First code jam with the theme “snakes”</h2>
+          <p class="color-contrast-medium has-text-dark">Our very first Code Jam attracts a handful of users who work in random
             teams of 2. We ask our participants to write a snake-themed Discord bot. Most of the code written
             for this jam still lives on in Sir Lancebot, and you can play with it by using the
             <code>.snakes</code> command. For more information on this event, see <a
                 href="https://pythondiscord.com/pages/code-jams/code-jam-1-snakes-bot/">the event page</a></p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 23rd, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Mar 23rd, 2018</span>
           </div>
         </div>
       </div>
@@ -952,14 +952,14 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>PyDis hits 2,000 members; pythondiscord.com and @Python are live</h2>
-          <p class="color-contrast-medium">The public moderation bot we're using at the time, Rowboat, announces
+          <h2 class="has-text-dark">PyDis hits 2,000 members; pythondiscord.com and @Python are live</h2>
+          <p class="color-contrast-medium has-text-dark">The public moderation bot we're using at the time, Rowboat, announces
             it will be shutting down. We decide that we'll write our own bot to handle moderation, so that we
             can have more control over its features. We also buy a domain and start making a website in Flask.
           </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Mar 4th, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Mar 4th, 2018</span>
           </div>
         </div>
       </div>
@@ -970,13 +970,13 @@
         </div>
 
             <div class="cd-timeline__content has-background-white-bis text-component">
-                <h2>Our logo is born. Thanks @Aperture!</h2>
+                <h2 class="has-text-dark">Our logo is born. Thanks @Aperture!</h2>
                 <p class="pydis-logo-banner"><img
                         src="https://raw.githubusercontent.com/python-discord/branding/main/logos/logo_banner/logo_site_banner.svg">
                 </p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Feb 3rd, 2018</span>
+            <span class="cd-timeline__date has-text-grey">Feb 3rd, 2018</span>
           </div>
         </div>
       </div>
@@ -987,13 +987,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord hits 1,000 members</h2>
-          <p class="color-contrast-medium">Our main source of new users at this point is a post on Reddit that
+          <h2 class="has-text-dark">Python Discord hits 1,000 members</h2>
+          <p class="color-contrast-medium has-text-dark">Our main source of new users at this point is a post on Reddit that
             happens to get very good SEO. We are one of the top 10 search engine hits for the search term
             "python discord".</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Nov 10th, 2017</span>
+            <span class="cd-timeline__date has-text-grey">Nov 10th, 2017</span>
           </div>
         </div>
       </div>
@@ -1004,13 +1004,13 @@
         </div>
 
         <div class="cd-timeline__content has-background-white-bis text-component">
-          <h2>Python Discord is created</h2>
-          <p class="color-contrast-medium"><strong>Joe Banks</strong> becomes one of the owners around 3 days after it
+          <h2 class="has-text-dark">Python Discord is created</h2>
+          <p class="color-contrast-medium has-text-dark"><strong>Joe Banks</strong> becomes one of the owners around 3 days after it
             is created, and <strong>Leon Sandøy</strong> (lemon) joins the owner team later in the year, when the community
             has around 300 members.</p>
 
           <div class="flex justify-between items-center">
-            <span class="cd-timeline__date">Jan 8th, 2017</span>
+            <span class="cd-timeline__date has-text-grey">Jan 8th, 2017</span>
           </div>
         </div>
       </div>
-- 
cgit v1.2.3


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/css/home/index.css          | 10 ++++
 pydis_site/static/images/waves/wave_black.svg | 77 +++++++++++++++++++++++++++
 pydis_site/static/js/base/navbar.js           |  2 +
 3 files changed, 89 insertions(+)
 create mode 100644 pydis_site/static/images/waves/wave_black.svg

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index e117a35b..23e27be1 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -91,6 +91,11 @@ h1 {
     height: 26px;
     z-index: 3;
 }
+[data-theme="dark"] {
+    #bottom-wave {
+        background: url(../../images/waves/wave_black.svg) repeat-x !important;
+    }
+}
 
 @keyframes wave {
   0% {
@@ -176,6 +181,11 @@ h1 {
 #projects .card:hover .card-header-title {
     color: #363636;
 }
+[data-theme="dark"] {
+    #projects .card:hover .card-header-title {
+        color: #CAD6FF;
+    }
+}
 
 #projects .card-content {
     padding-top: 8px;
diff --git a/pydis_site/static/images/waves/wave_black.svg b/pydis_site/static/images/waves/wave_black.svg
new file mode 100644
index 00000000..899fe2f9
--- /dev/null
+++ b/pydis_site/static/images/waves/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:#2C2F33;fill-opacity:1;stroke-width:0.381026" />
+</svg>
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


From 9d606d4bba3422cc4ee31f53b2e51b6eef80fc07 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 5 Jan 2024 19:53:08 +0800
Subject: Dark: Inline selectors for the hero bottom wave

---
 pydis_site/static/css/home/index.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 23e27be1..0214a762 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -91,10 +91,9 @@ h1 {
     height: 26px;
     z-index: 3;
 }
-[data-theme="dark"] {
-    #bottom-wave {
-        background: url(../../images/waves/wave_black.svg) repeat-x !important;
-    }
+
+[data-theme="dark"] #bottom-wave {
+    background: url(../../images/waves/wave_black.svg) repeat-x !important;
 }
 
 @keyframes wave {
-- 
cgit v1.2.3


From 7fd2412b4d21bbdbc8df2a73b23a647d91438f6f Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 5 Jan 2024 20:35:35 +0800
Subject: Dark: Fix shadows & borders colors on the homepage

---
 pydis_site/static/css/home/index.css | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 0214a762..b9d829f6 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -111,6 +111,10 @@ h1 {
     margin: 0 1em;
 }
 
+[data-theme="dark"] #showcase .box {
+    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
+}
+
 #showcase .mini-timeline {
     height: 3px;
     position: relative;
@@ -157,10 +161,18 @@ h1 {
     flex-direction: column;
 }
 
+[data-theme="dark"] #projects .card {
+    border: #4E4F51 1px solid;
+}
+
 #projects .card:hover {
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
 }
 
+[data-theme="dark"] #projects .card:hover {
+    box-shadow: 0 1px 3px rgb(10 10 10 / 65%), 0 1px 2px rgb(10 10 10 / 85%);
+}
+
 #projects .card-header {
     box-shadow: none;
     font-size: 1.25rem;
@@ -174,16 +186,18 @@ h1 {
 
 #projects .card-header-title {
     padding: 0;
+    /* The primary blurple theme color */
     color: #7289DA;
 }
 
 #projects .card:hover .card-header-title {
     color: #363636;
 }
-[data-theme="dark"] {
-    #projects .card:hover .card-header-title {
-        color: #CAD6FF;
-    }
+
+[data-theme="dark"] #projects .card:hover .card-header-title {
+    /* The light blurple theme color, consistent hover behaviour with other
+     * parts of the site. */
+    color: #CAD6FF;
 }
 
 #projects .card-content {
-- 
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')

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 1578e11008fbcd2d5de4514e214ffc36975166e0 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 5 Jan 2024 21:38:09 +0800
Subject: Dark: Fix all link hover colors (hopefully) everywhere

---
 pydis_site/settings.py               | 7 +++++--
 pydis_site/static/css/home/index.css | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index aa16a08c..178a157a 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -300,7 +300,7 @@ LOGGING = {
 # Custom settings for django-simple-bulma
 BULMA_SETTINGS = {
     "variables": {
-        "primary": "#7289DA",    # Discord blurple
+        "primary": "#7289DA",    # PyDis blurple
         "green": "#32ac66",      # Colour picked after Discord discussion
         "turquoise": "#7289DA",  # Blurple, because Bulma uses this regardless of `primary` above
         "blue": "#2482c1",       # Colour picked after Discord discussion
@@ -316,7 +316,7 @@ BULMA_SETTINGS = {
         "tooltip-max-width": "30rem",
     },
     "dark_variables": {
-        "primary": "#7289DA",
+        "primary": "#7289DA",    # PyDis blurple
 
         "white": "#2C2F33",
         "white-bis": "#23272A ",
@@ -333,6 +333,9 @@ BULMA_SETTINGS = {
         "text-strong": "#FEFEFE",
 
         "link": "$primary",
+        "link-hover": "#CAD6FF", # PyDis light blurple
+        "link-focus": "$link-hover",
+        "link-active": "$link-hover",
 
         # Use the same sizes
         "dimensions": "16 24 32 48 64 96 128 256 512",
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index b9d829f6..64356a36 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -191,12 +191,12 @@ h1 {
 }
 
 #projects .card:hover .card-header-title {
+    /* Bulma link-hover setting */
     color: #363636;
 }
 
 [data-theme="dark"] #projects .card:hover .card-header-title {
-    /* The light blurple theme color, consistent hover behaviour with other
-     * parts of the site. */
+    /* Bulma link-hover setting */
     color: #CAD6FF;
 }
 
-- 
cgit v1.2.3


From 7ce385c7caae6a12dfdc5a9cd29c9bd0b77bd55c Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sat, 6 Jan 2024 15:48:36 +0800
Subject: Dark: Fix colors for bulma cards shadow & borders

---
 pydis_site/settings.py                 | 11 +++++++++--
 pydis_site/static/css/content/page.css | 12 ++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 178a157a..71aeb442 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": "#7289DA",         # PyDis blurple
 
         "white": "#2C2F33",
         "white-bis": "#23272A ",
@@ -333,10 +333,17 @@ BULMA_SETTINGS = {
         "text-strong": "#FEFEFE",
 
         "link": "$primary",
-        "link-hover": "#CAD6FF", # PyDis light blurple
+        "link-hover": "#CAD6FF",      # PyDis light blurple
         "link-focus": "$link-hover",
         "link-active": "$link-hover",
 
+        "code": "#FF7990",            # Adjusted to 4.5 contrast ratio per WCAG Level AA
+        "code-background": "#464951", # A graduation lighter than the default for light theme
+
+        # Same as bulma, adjusted for dark mode
+        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02)",
+        "border": "#4E4F51",
+
         # Use the same sizes
         "dimensions": "16 24 32 48 64 96 128 256 512",
         "navbar-height": "4.75rem",
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 239f2809..7721bc98 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -22,6 +22,18 @@ i.has-icon-padding {
     flex-direction: column;
 }
 
+[data-theme="dark"] .card.github-card {
+    border: solid 1px #4E4F51;
+}
+
+[data-theme="dark"] .card-footer {
+    border-top: solid 1px #4E4F51;
+}
+
+[data-theme="dark"] .card-footer-item:not(:last-child) {
+    border-right: solid 1px #4E4F51;
+}
+
 .card.github-card .card-content {
     flex: 1;
 }
-- 
cgit v1.2.3


From f7ac6bd6c11bc1168e3f8942bb2d7ba411a10d41 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sat, 6 Jan 2024 22:25:47 +0800
Subject: Dark: Fix backgrounds on sponsors section on homepage

See https://discord.com/channels/267624335836053506/635950537262759947/1193170173574774855

Idea from go.dev -- add background to each sponsor logo and put them in
a grid.

Also set the sponsor section background color to match that of footer's.

Issue pointed out by @ChrisLovering on discord.

This is an initial draft. As of now this works from my own testing:

- Consistent & uniform spacing (gaps)
- Supports mobile
- No affect to light theme other than the arrangement
- Logos do not get squashed, ever
---
 pydis_site/static/css/home/index.css | 61 +++++++++++++++++++++++++++++-------
 pydis_site/templates/home/index.html | 22 +++++++------
 2 files changed, 63 insertions(+), 20 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 64356a36..552961e7 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -241,21 +241,60 @@ h1 {
     text-align: center;
 }
 
-#sponsors .columns {
-    display: block;
-    justify-content: center;
-    margin: auto;
-    max-width: 80%;
+[data-theme="dark"] #sponsors {
+    background-color: #2C2F33 !important;
+}
+
+#sponsors .container {
+    max-width: 70%;
 }
 
 #sponsors a {
-    margin: auto;
-    display: inline-block;
+    border-radius: .2rem;
+    margin-bottom: .8rem;
+}
+
+[data-theme="dark"] #sponsors a {
+    background-color: #EDEDED;
+}
+
+@media (min-width: 800px) {
+    #sponsors a.column.is-one-third:first-child {
+        margin-left: -.8rem;
+        margin-right: .8rem;
+    }
+
+    #sponsors a.column.is-one-third:last-child {
+        margin-left: .8rem;
+        margin-right: -.8rem;
+    }
+
+    #sponsors a.column.is-half {
+        width: calc(50% + .4rem);
+    }
+
+    #sponsors a.column.is-half:first-child {
+        margin-left: -.8rem;
+        margin-right: .4rem;
+    }
+
+    #sponsors a.column.is-half:last-child {
+        margin-left: .4rem;
+        margin-right: -.8rem;
+    }
+
+    #sponsors img {
+        height: 4rem;
+    }
 }
 
-#sponsors img {
-    width: auto;
-    height: auto;
+@media (max-width: 800px) {
+    #sponsors .columns {
+        margin-bottom: 1.5rem;
+    }
 
-    max-height: 5rem;
+    #sponsors img {
+        max-height: 4rem;
+        max-width: 50%;
+    }
 }
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index 0e592f72..ed5623dd 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -187,29 +187,33 @@
         <h1 class="title is-6 has-text-grey">
           Sponsors
         </h1>
-        <div class="columns is-mobile is-multiline">
-          <a href="https://www.netcup.eu/" class="column is-narrow">
+        <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"/>
           </a>
-          <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085" class="column is-narrow">
+          <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085" class="column is-one-third">
             <img src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
           </a>
-          <a href="https://jetbrains.com" class="column is-narrow">
+          <a href="https://jetbrains.com" class="column is-one-third">
             <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
           </a>
-          <a href="https://sentry.io" class="column is-narrow">
+        </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"/>
           </a>
-          <a href="https://notion.so" class="column is-narrow">
+          <a href="https://notion.so" class="column is-one-third">
             <img src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
           </a>
-          <a href="https://streamyard.com" class="column is-narrow">
+          <a href="https://streamyard.com" class="column is-one-third">
             <img src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
           </a>
-          <a href="https://www.netlify.com/" class="column is-narrow">
+        </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"/>
           </a>
-          <a href="https://www.cloudflare.com/" class="column is-narrow">
+          <a href="https://www.cloudflare.com/" class="column is-half">
             <img src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
           </a>
         </div>
-- 
cgit v1.2.3


From 4be2284f1ea65a7f6bb12d0eb4ee79cb11e80c47 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 12 Jan 2024 14:30:13 +0800
Subject: Dark: Fix sizing of sponsors' logos

Also works on mobile.

I *love* CSS.
---
 pydis_site/static/css/home/index.css | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 552961e7..e0dd1ebc 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -252,6 +252,11 @@ h1 {
 #sponsors a {
     border-radius: .2rem;
     margin-bottom: .8rem;
+    position: relative;
+}
+
+#sponsors img {
+    max-height: 4rem;
 }
 
 [data-theme="dark"] #sponsors a {
@@ -283,18 +288,25 @@ h1 {
         margin-right: -.8rem;
     }
 
+    #sponsors a {
+        height: 5rem;
+        padding: .4rem;
+    }
+
     #sponsors img {
-        height: 4rem;
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        max-width: calc(100% - 0.8rem);
     }
+
 }
 
 @media (max-width: 800px) {
     #sponsors .columns {
         margin-bottom: 1.5rem;
     }
-
-    #sponsors img {
-        max-height: 4rem;
-        max-width: 50%;
-    }
 }
-- 
cgit v1.2.3


From edab6c87cfb7c537f88c4d3f74503bbc69487f87 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Fri, 12 Jan 2024 15:08:29 +0800
Subject: Dark: Fix timeline color for borders

---
 pydis_site/static/css/home/timeline.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index 2fd2357e..369d5c8f 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -3386,6 +3386,13 @@ mark {
     --font-secondary: 'Open Sans', sans-serif
 }
 
+[data-theme="dark"] {
+    --cd-color-2: hsl(0, 0%, 34%);
+    --cd-color-2-h: 0;
+    --cd-color-2-s: 0%;
+    --cd-color-2-l: 34%;
+}
+
 @supports (--css: variables) {
     @media (min-width: 64rem) {
         :root {
@@ -3564,7 +3571,7 @@ mark {
     height: 0;
     border: 7px solid transparent;
     border-right-color: hsl(0, 0%, 100%);
-    border-right-color: var(--color-white)
+    border-right-color: var(--cd-color-2)
 }
 
 .cd-timeline__content h2 {
@@ -3592,7 +3599,7 @@ mark {
         height: 0;
         border: 7px solid transparent;
         border-left-color: hsl(0, 0%, 100%);
-        border-left-color: var(--color-white)
+        border-left-color: var(--cd-color-2)
     }
 }
 
-- 
cgit v1.2.3


From 0a35f6c84096d48866953c6c099f9b7d20b003eb Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sat, 13 Jan 2024 19:46:17 +0800
Subject: Dark: Use link color of better contrast

---
 pydis_site/settings.py                        | 4 ++--
 pydis_site/static/css/content/color.css       | 4 ++++
 pydis_site/static/css/content/tag.css         | 4 ++++
 pydis_site/static/css/error_pages.css         | 4 ++++
 pydis_site/static/css/home/index.css          | 6 +++---
 pydis_site/static/css/resources/resources.css | 6 +++++-
 6 files changed, 22 insertions(+), 6 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 71aeb442..b3a4480f 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -332,8 +332,8 @@ BULMA_SETTINGS = {
         "text-light": "#F7F7F7",
         "text-strong": "#FEFEFE",
 
-        "link": "$primary",
-        "link-hover": "#CAD6FF",      # PyDis light blurple
+        "link": "#99B0FF",            # A brighter PyDis blurple
+        "link-hover": "#FFFFFF",
         "link-focus": "$link-hover",
         "link-active": "$link-hover",
 
diff --git a/pydis_site/static/css/content/color.css b/pydis_site/static/css/content/color.css
index f4801c28..75de31f1 100644
--- a/pydis_site/static/css/content/color.css
+++ b/pydis_site/static/css/content/color.css
@@ -2,6 +2,10 @@
     color: black;
 }
 
+[data-theme="dark"] .content .fa-github {
+    color: white;
+}
+
 .content .fa-github:hover {
     color: #7289DA;
 }
diff --git a/pydis_site/static/css/content/tag.css b/pydis_site/static/css/content/tag.css
index 79795f9e..b6c03ef3 100644
--- a/pydis_site/static/css/content/tag.css
+++ b/pydis_site/static/css/content/tag.css
@@ -4,6 +4,10 @@
     color: #7289DA;
 }
 
+[data-theme="dark"] .content a {
+    color: #99B0FF;
+}
+
 .content a *:hover {
     color: dimgray;
 }
diff --git a/pydis_site/static/css/error_pages.css b/pydis_site/static/css/error_pages.css
index 042a53a0..5c6fb661 100644
--- a/pydis_site/static/css/error_pages.css
+++ b/pydis_site/static/css/error_pages.css
@@ -36,6 +36,10 @@ a {
     color: #7289DA;
 }
 
+[data-theme="dark"] a {
+    color: #99B0FF;
+}
+
 ul {
     margin-bottom: 0;
 }
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index e0dd1ebc..5ecf7cd7 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -186,8 +186,8 @@ h1 {
 
 #projects .card-header-title {
     padding: 0;
-    /* The primary blurple theme color */
-    color: #7289DA;
+    /* Link color from settings.py */
+    color: #99B0FF;
 }
 
 #projects .card:hover .card-header-title {
@@ -197,7 +197,7 @@ h1 {
 
 [data-theme="dark"] #projects .card:hover .card-header-title {
     /* Bulma link-hover setting */
-    color: #CAD6FF;
+    color: #FFFFFF;
 }
 
 #projects .card-content {
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index 96d06111..ee5954da 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -154,11 +154,15 @@ i.is-primary {
 }
 
 /* When hovering title anchors, just make the color a lighter primary, not black. */
-.resource-box a:hover {
+[data-theme="light"] .resource-box a:hover {
     filter: brightness(120%);
     color: #7289DA;
 }
 
+[data-theme="dark"] .resource-box a:hover {
+    color: white;
+}
+
 /* Set default display to inline-flex, for centering. */
 span.filter-box-tag {
     display: none;
-- 
cgit v1.2.3


From 93a457c735716c12214a149d71678cd9adee2cf9 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sat, 13 Jan 2024 20:17:32 +0800
Subject: Dark: Fix colors on content pages

---
 pydis_site/settings.py                 | 2 ++
 pydis_site/static/css/collapsibles.css | 4 ++++
 pydis_site/static/css/content/page.css | 4 ++++
 3 files changed, 10 insertions(+)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index b3a4480f..c79b70f1 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -317,6 +317,8 @@ BULMA_SETTINGS = {
     },
     "dark_variables": {
         "primary": "#7289DA",         # PyDis blurple
+        "warning": "#4B4636",
+        "warning-invert": "#FFFFFF",
 
         "white": "#2C2F33",
         "white-bis": "#23272A ",
diff --git a/pydis_site/static/css/collapsibles.css b/pydis_site/static/css/collapsibles.css
index 1d73fa00..30a95df7 100644
--- a/pydis_site/static/css/collapsibles.css
+++ b/pydis_site/static/css/collapsibles.css
@@ -5,6 +5,10 @@
   outline: none;
 }
 
+[data-theme="dark"] .collapsible {
+  background-color: #403f45;
+}
+
 .collapsible-content {
   transition: max-height 0.3s ease-out;
   overflow: hidden;
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 7721bc98..e9023a6b 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -108,3 +108,7 @@ ul.menu-list.toc {
 li img {
     margin-top: 0.5em;
 }
+
+[data-theme="dark"] hr {
+    background-color: #4c515a;
+}
-- 
cgit v1.2.3


From a89848b80696e9e8d654b78e26954b2bb2ae6b84 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Tue, 16 Jan 2024 20:21:16 +0800
Subject: Dark: Fix the filter box on resources page

---
 .../resources/automate_the_boring_stuff_book.yaml    |  2 +-
 .../resources/awesome_programming_discord.yaml       |  2 +-
 .../apps/resources/resources/byte_of_python.yaml     |  4 ++--
 pydis_site/apps/resources/resources/code_combat.yaml |  2 +-
 .../resources/data_science_from_scratch.yaml         |  4 ++--
 .../apps/resources/resources/effective_python.yaml   |  4 ++--
 pydis_site/apps/resources/resources/exercism.yaml    |  2 +-
 .../resources/resources/flask_web_development.yaml   |  4 ++--
 .../apps/resources/resources/fluent_python.yaml      |  4 ++--
 .../resources/hitchhikers_guide_to_python.yaml       |  2 +-
 pydis_site/apps/resources/resources/kivy.yaml        |  2 +-
 .../apps/resources/resources/mission_python.yaml     |  2 +-
 .../neural_networks_from_scratch_in_python.yaml      |  2 +-
 .../apps/resources/resources/python_cookbook.yaml    |  4 ++--
 .../resources/resources/python_crash_course.yaml     |  4 ++--
 .../resources/resources/python_graph_gallery.yaml    |  2 +-
 .../apps/resources/resources/python_tricks.yaml      |  2 +-
 .../resources/resources/simple_guide_to_git.yaml     |  2 +-
 .../resources/software_design_by_example.yaml        |  4 ++--
 .../apps/resources/resources/think_python.yaml       |  4 ++--
 .../resources/resources/two_scoops_of_django.yaml    |  4 ++--
 pydis_site/settings.py                               |  9 +++++----
 pydis_site/static/css/resources/resources.css        | 20 ++++++++++++--------
 pydis_site/templates/resources/resources.html        |  8 ++++----
 24 files changed, 52 insertions(+), 47 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/apps/resources/resources/automate_the_boring_stuff_book.yaml b/pydis_site/apps/resources/resources/automate_the_boring_stuff_book.yaml
index 63f63193..f3b862d2 100644
--- a/pydis_site/apps/resources/resources/automate_the_boring_stuff_book.yaml
+++ b/pydis_site/apps/resources/resources/automate_the_boring_stuff_book.yaml
@@ -8,7 +8,7 @@ title_url: https://automatetheboringstuff.com/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/22514127-automate-the-boring-stuff-with-python
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/awesome_programming_discord.yaml b/pydis_site/apps/resources/resources/awesome_programming_discord.yaml
index 0ef7aefc..7079062b 100644
--- a/pydis_site/apps/resources/resources/awesome_programming_discord.yaml
+++ b/pydis_site/apps/resources/resources/awesome_programming_discord.yaml
@@ -3,7 +3,7 @@ description: We have listed our favourite communities,
   An awesome list collating the best programming related Discord servers is available on GitHub
   and has all sorts of topics from blockchain to virtual reality!
 title_icon: branding/github
-title_icon_color: black
+title_icon_color: dark
 title_url: https://github.com/mhxion/awesome-programming-discord
 name: awesome-programming-discord
 tags:
diff --git a/pydis_site/apps/resources/resources/byte_of_python.yaml b/pydis_site/apps/resources/resources/byte_of_python.yaml
index c2f6ab84..e4d44369 100644
--- a/pydis_site/apps/resources/resources/byte_of_python.yaml
+++ b/pydis_site/apps/resources/resources/byte_of_python.yaml
@@ -6,10 +6,10 @@ title_url: https://python.swaroopch.com/
 urls:
 - icon: regular/book
   url: https://www.lulu.com/shop/swaroop-c-h/a-byte-of-python/paperback/product-21142968.html
-  color: black
+  color: dark
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/6762544-a-byte-of-python
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/code_combat.yaml b/pydis_site/apps/resources/resources/code_combat.yaml
index 84597c4d..0e308ddc 100644
--- a/pydis_site/apps/resources/resources/code_combat.yaml
+++ b/pydis_site/apps/resources/resources/code_combat.yaml
@@ -5,7 +5,7 @@ title_url: https://codecombat.com/
 urls:
 - icon: branding/github
   url: https://github.com/codecombat/codecombat
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/data_science_from_scratch.yaml b/pydis_site/apps/resources/resources/data_science_from_scratch.yaml
index 86955fdb..755e5867 100644
--- a/pydis_site/apps/resources/resources/data_science_from_scratch.yaml
+++ b/pydis_site/apps/resources/resources/data_science_from_scratch.yaml
@@ -7,10 +7,10 @@ title_url: https://www.oreilly.com/library/view/data-science-from/9781492041122/
 urls:
   - icon: branding/goodreads
     url: https://www.goodreads.com/en/book/show/52059715-data-science-from-scratch
-    color: black
+    color: dark
   - icon: branding/github
     url: https://github.com/joelgrus/data-science-from-scratch
-    color: black
+    color: dark
 tags:
   topics:
     - data science
diff --git a/pydis_site/apps/resources/resources/effective_python.yaml b/pydis_site/apps/resources/resources/effective_python.yaml
index b82fa0c3..2293ee84 100644
--- a/pydis_site/apps/resources/resources/effective_python.yaml
+++ b/pydis_site/apps/resources/resources/effective_python.yaml
@@ -5,10 +5,10 @@ title_url: https://effectivepython.com/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/48566725-effective-python
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/bslatkin/effectivepython
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/exercism.yaml b/pydis_site/apps/resources/resources/exercism.yaml
index c623db2d..fba5bce4 100644
--- a/pydis_site/apps/resources/resources/exercism.yaml
+++ b/pydis_site/apps/resources/resources/exercism.yaml
@@ -7,7 +7,7 @@ title_url: https://exercism.org/
 urls:
 - icon: branding/github
   url: https://github.com/exercism/python
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/flask_web_development.yaml b/pydis_site/apps/resources/resources/flask_web_development.yaml
index 6905b2b4..9263efdd 100644
--- a/pydis_site/apps/resources/resources/flask_web_development.yaml
+++ b/pydis_site/apps/resources/resources/flask_web_development.yaml
@@ -5,10 +5,10 @@ title_url: http://shop.oreilly.com/product/0636920031116.do
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/18774655-flask-web-development
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/miguelgrinberg/flasky
-  color: black
+  color: dark
 tags:
   topics:
     - web development
diff --git a/pydis_site/apps/resources/resources/fluent_python.yaml b/pydis_site/apps/resources/resources/fluent_python.yaml
index c22fd388..0d9466e1 100644
--- a/pydis_site/apps/resources/resources/fluent_python.yaml
+++ b/pydis_site/apps/resources/resources/fluent_python.yaml
@@ -5,10 +5,10 @@ title_url: https://www.oreilly.com/library/view/fluent-python/9781491946237/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/22800567-fluent-python
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/fluentpython
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/hitchhikers_guide_to_python.yaml b/pydis_site/apps/resources/resources/hitchhikers_guide_to_python.yaml
index e48e5717..a96386d2 100644
--- a/pydis_site/apps/resources/resources/hitchhikers_guide_to_python.yaml
+++ b/pydis_site/apps/resources/resources/hitchhikers_guide_to_python.yaml
@@ -5,7 +5,7 @@ title_url: https://python-guide.org/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/28321007-the-hitchhiker-s-guide-to-python
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/kivy.yaml b/pydis_site/apps/resources/resources/kivy.yaml
index f49c33fb..d0529c48 100644
--- a/pydis_site/apps/resources/resources/kivy.yaml
+++ b/pydis_site/apps/resources/resources/kivy.yaml
@@ -12,7 +12,7 @@ urls:
     color: blurple
   - icon: branding/github
     url: https://github.com/kivy
-    color: black
+    color: dark
 tags:
   topics:
     - user interface
diff --git a/pydis_site/apps/resources/resources/mission_python.yaml b/pydis_site/apps/resources/resources/mission_python.yaml
index 391a2983..ca686952 100644
--- a/pydis_site/apps/resources/resources/mission_python.yaml
+++ b/pydis_site/apps/resources/resources/mission_python.yaml
@@ -7,7 +7,7 @@ title_url: https://www.sean.co.uk/books/mission-python/index.shtm
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/35545850-mission-python
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/neural_networks_from_scratch_in_python.yaml b/pydis_site/apps/resources/resources/neural_networks_from_scratch_in_python.yaml
index 26e88cb9..5e7ee63f 100644
--- a/pydis_site/apps/resources/resources/neural_networks_from_scratch_in_python.yaml
+++ b/pydis_site/apps/resources/resources/neural_networks_from_scratch_in_python.yaml
@@ -7,7 +7,7 @@ title_url: https://nnfs.io/
 urls:
   - icon: branding/goodreads
     url: https://www.goodreads.com/book/show/55927899-neural-networks-from-scratch-in-python
-    color: black
+    color: dark
 tags:
   topics:
     - data science
diff --git a/pydis_site/apps/resources/resources/python_cookbook.yaml b/pydis_site/apps/resources/resources/python_cookbook.yaml
index bc05d743..751edf09 100644
--- a/pydis_site/apps/resources/resources/python_cookbook.yaml
+++ b/pydis_site/apps/resources/resources/python_cookbook.yaml
@@ -5,10 +5,10 @@ title_url: http://shop.oreilly.com/product/0636920027072.do
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/17152735-python-cookbook
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/dabeaz/python-cookbook
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/python_crash_course.yaml b/pydis_site/apps/resources/resources/python_crash_course.yaml
index d916075e..e8356491 100644
--- a/pydis_site/apps/resources/resources/python_crash_course.yaml
+++ b/pydis_site/apps/resources/resources/python_crash_course.yaml
@@ -11,10 +11,10 @@ title_url: https://nostarch.com/pythoncrashcourse2e
 urls:
   - icon: branding/goodreads
     url: https://www.goodreads.com/book/show/23241059-python-crash-course
-    color: black
+    color: dark
   - icon: branding/github
     url: https://ehmatthes.github.io/pcc/
-    color: black
+    color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/python_graph_gallery.yaml b/pydis_site/apps/resources/resources/python_graph_gallery.yaml
index b8aaeb4d..59aebc12 100644
--- a/pydis_site/apps/resources/resources/python_graph_gallery.yaml
+++ b/pydis_site/apps/resources/resources/python_graph_gallery.yaml
@@ -4,7 +4,7 @@ title_url: https://www.python-graph-gallery.com/
 urls:
   - icon: branding/github
     url: https://github.com/holtzy/The-Python-Graph-Gallery
-    color: black
+    color: dark
 tags:
   topics:
     - data science
diff --git a/pydis_site/apps/resources/resources/python_tricks.yaml b/pydis_site/apps/resources/resources/python_tricks.yaml
index aa1b2fcd..17c71107 100644
--- a/pydis_site/apps/resources/resources/python_tricks.yaml
+++ b/pydis_site/apps/resources/resources/python_tricks.yaml
@@ -6,7 +6,7 @@ title_url: https://realpython.com/products/python-tricks-book/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/36990732-python-tricks
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/simple_guide_to_git.yaml b/pydis_site/apps/resources/resources/simple_guide_to_git.yaml
index 3bb46e6d..bf461b0a 100644
--- a/pydis_site/apps/resources/resources/simple_guide_to_git.yaml
+++ b/pydis_site/apps/resources/resources/simple_guide_to_git.yaml
@@ -2,7 +2,7 @@ description: A simple, no-nonsense guide to the basics of using Git.
 name: A Simple Guide to Git
 title_url: https://rogerdudler.github.io/git-guide/
 title_icon: branding/github
-title_icon_color: black
+title_icon_color: dark
 tags:
   topics:
     - tooling
diff --git a/pydis_site/apps/resources/resources/software_design_by_example.yaml b/pydis_site/apps/resources/resources/software_design_by_example.yaml
index 8cdfd625..82d1c646 100644
--- a/pydis_site/apps/resources/resources/software_design_by_example.yaml
+++ b/pydis_site/apps/resources/resources/software_design_by_example.yaml
@@ -9,10 +9,10 @@ title_url: https://third-bit.com/sdxpy/
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/199430059-software-design-by-example
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/gvwilson/sdxpy
-  color: black
+  color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/think_python.yaml b/pydis_site/apps/resources/resources/think_python.yaml
index 7099afd8..f8b17761 100644
--- a/pydis_site/apps/resources/resources/think_python.yaml
+++ b/pydis_site/apps/resources/resources/think_python.yaml
@@ -8,10 +8,10 @@ title_url: https://greenteapress.com/wp/think-python-2e/
 urls:
   - icon: branding/goodreads
     url: https://www.goodreads.com/book/show/14514306-think-python
-    color: black
+    color: dark
   - icon: branding/github
     url: https://github.com/AllenDowney/ThinkPython2
-    color: black
+    color: dark
 tags:
   topics:
     - general
diff --git a/pydis_site/apps/resources/resources/two_scoops_of_django.yaml b/pydis_site/apps/resources/resources/two_scoops_of_django.yaml
index f372d35d..1ddb70e5 100644
--- a/pydis_site/apps/resources/resources/two_scoops_of_django.yaml
+++ b/pydis_site/apps/resources/resources/two_scoops_of_django.yaml
@@ -5,10 +5,10 @@ title_url: https://www.feldroy.com/books/two-scoops-of-django-3-x
 urls:
 - icon: branding/goodreads
   url: https://www.goodreads.com/book/show/55822151-two-scoops-of-django-3-x
-  color: black
+  color: dark
 - icon: branding/github
   url: https://github.com/twoscoops/two-scoops-of-django-2.0-code-examples
-  color: black
+  color: dark
 tags:
   topics:
     - web development
diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 28161e64..3c4bbdb8 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -320,13 +320,13 @@ BULMA_SETTINGS = {
         "warning": "#4B4636",
         "warning-invert": "#FFFFFF",
         "primary-dark": "#EFF1FB",    # Bulma's primary-light
-        "primary-light": "#3C497A",
+        "primary-light": "#2B3660",
         "success-dark": "#EFFAF5",    # Bulma's success-light
-        "success-light": "#205D42",
+        "success-light": "#214133",
         "danger-dark": "#FEECF0",     # Bulma's danger-light
-        "danger-light": "#642431",
+        "danger-light": "#4C1822",
         "info-dark": "#EFF5FB",       # Bulma's info-light
-        "info-light": "#295477",
+        "info-light": "#254056",
 
         "white": "#2C2F33",
         "white-bis": "#23272A ",
@@ -353,6 +353,7 @@ BULMA_SETTINGS = {
         # Same as bulma, adjusted for dark mode
         "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02)",
         "border": "#4E4F51",
+        "border-light": "#313233",
 
         # Use the same sizes
         "dimensions": "16 24 32 48 64 96 128 256 512",
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index ee5954da..582d96e4 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -199,22 +199,26 @@ button.delete {
 }
 
 /* Colors for delete button x's */
-button.delete.is-primary::before,
-button.delete.is-primary::after {
+[data-theme="light"] button.delete.is-primary::before,
+[data-theme="light"] button.delete.is-primary::after {
     background-color: #2a45a2;
 }
-button.delete.is-success::before,
-button.delete.is-success::after {
+[data-theme="light"] button.delete.is-success::before,
+[data-theme="light"] button.delete.is-success::after {
     background-color: #2c9659;
 }
-button.delete.is-danger::before,
-button.delete.is-danger::after {
+[data-theme="light"] button.delete.is-danger::before,
+[data-theme="light"] button.delete.is-danger::after {
     background-color: #c32841;
 }
-button.delete.is-info::before,
-button.delete.is-info::after {
+[data-theme="light"] button.delete.is-info::before,
+[data-theme="light"] button.delete.is-info::after {
     background-color: #237fbd;
 }
+[data-theme="dark"] button.delete::before,
+[data-theme="dark"] button.delete::after {
+    background-color: #FFFFFF;
+}
 
 /* Give outlines to active tags */
 span.filter-box-tag,
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 410bdb4c..8f3d6a33 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -59,7 +59,7 @@
                                         {% for filter_item in filter_data.filters %}
                                             {% if filter_name == "Difficulty" %}
                                                 <span
-                                                        class="filter-box-tag tag has-background-info-light has-text-info-dark ml-2 mt-2 has-background-white-ter"
+                                                        class="filter-box-tag tag has-background-info-light has-text-info-dark ml-2 mt-2"
                                                         data-filter-name="{{ filter_name|to_kebabcase }}"
                                                         data-filter-item="{{ filter_item|to_kebabcase }}"
                                                 >
@@ -70,7 +70,7 @@
                                             {% endif %}
                                             {% if filter_name == "Type" %}
                                                 <span
-                                                        class="filter-box-tag tag has-background-success-light has-text-success-dark ml-2 mt-2 has-background-white-ter"
+                                                        class="filter-box-tag tag has-background-success-light has-text-success-dark ml-2 mt-2"
                                                         data-filter-name="{{ filter_name|to_kebabcase }}"
                                                         data-filter-item="{{ filter_item|to_kebabcase }}"
                                                 >
@@ -81,7 +81,7 @@
                                             {% endif %}
                                             {% if filter_name == "Payment tiers" %}
                                                 <span
-                                                        class="filter-box-tag tag has-background-danger-light has-text-danger-dark ml-2 mt-2 has-background-white-ter"
+                                                        class="filter-box-tag tag has-background-danger-light has-text-danger-dark ml-2 mt-2"
                                                         data-filter-name="{{ filter_name|to_kebabcase }}"
                                                         data-filter-item="{{ filter_item|to_kebabcase }}"
                                                 >
@@ -92,7 +92,7 @@
                                             {% endif %}
                                             {% if filter_name == "Topics" %}
                                                 <span
-                                                        class="filter-box-tag tag is-primary is-light ml-2 mt-2 has-background-white-ter"
+                                                        class="filter-box-tag tag is-primary is-light ml-2 mt-2"
                                                         data-filter-name="{{ filter_name|to_kebabcase }}"
                                                         data-filter-item="{{ filter_item|to_kebabcase }}"
                                                 >
-- 
cgit v1.2.3


From 848b7e1a459bb1d3a805056e04a6a1ca6b90470b Mon Sep 17 00:00:00 2001
From: ~hedy <hedy@tilde.cafe>
Date: Wed, 17 Jan 2024 09:41:07 +0800
Subject: Fix typo in page.css

---
 pydis_site/static/css/content/page.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 55fe6223..903b2134 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -116,6 +116,7 @@ li img {
 
 [data-theme="dark"] hr {
     background-color: #4c515a;
+}
 
 .dropdown-menu {
     min-width: 15rem;
-- 
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')

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 801e033a216117a4ee055631739ba9d1c64b82b2 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 17 Jan 2024 20:09:33 +0800
Subject: Dark: Sponsors light background for code/gamejams

---
 pydis_site/static/css/events/base.css              | 28 ++++++++++++++++++----
 .../events/pages/code-jams/10/_index.html          |  4 ++--
 .../templates/events/pages/code-jams/8/_index.html | 10 ++++----
 .../templates/events/pages/code-jams/9/_index.html | 10 ++++----
 .../templates/events/sidebar/code-jams/6.html      | 12 ++++++++--
 .../templates/events/sidebar/code-jams/7.html      | 16 ++++++++-----
 .../templates/events/sidebar/code-jams/8.html      | 24 ++++++++++++-------
 .../templates/events/sidebar/code-jams/9.html      | 24 ++++++++++++-------
 .../templates/events/sidebar/game-jams/2020.html   |  6 ++++-
 9 files changed, 90 insertions(+), 44 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
index 9e244ed9..dc6183d7 100644
--- a/pydis_site/static/css/events/base.css
+++ b/pydis_site/static/css/events/base.css
@@ -12,9 +12,27 @@ pre {
 }
 
 .panel .panel-heading {
-  /*
-   * Remove whitespace between the panel heading and the first item in a panel,
-   * since it makes the first panel item taller than the others.
-   */
-  margin-bottom: 0 !important
+    /*
+     * Remove whitespace between the panel heading and the first item in a panel,
+     * since it makes the first panel item taller than the others.
+     */
+    margin-bottom: 0 !important
+}
+
+.sponsor {
+    border-radius: .1rem;
+    padding: .3rem;
+}
+
+.sponsor img {
+    display: block;
+    margin: auto;
+}
+
+.box .sponsor {
+    margin-bottom: 1rem;
+}
+
+[data-theme="dark"] .sponsor {
+    background-color: #EDEDED;
 }
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 388f0df0..9adaffa8 100644
--- a/pydis_site/templates/events/pages/code-jams/10/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/10/_index.html
@@ -56,7 +56,7 @@
     <h3 id="submissions"><a href="#submissions">Submissions</a></h3>
     <p>
         By the end of the jam, 17 teams made project submissions. Check them all out here:
-        <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+        <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
     </p>
 
     <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -93,7 +93,7 @@
     <div class="card mb-4">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
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 0d613e2c..cc8de6b1 100644
--- a/pydis_site/templates/events/pages/code-jams/8/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -65,7 +65,7 @@
     <h3 id="submissions"><a href="#submissions">Submissions</a></h3>
     <p>
         63 teams started out on July 9th 2021. By the end of the jam, 51 teams made project submissions. Check them all out here:
-        <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+        <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
     </p>
 
     <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -91,7 +91,7 @@
         The qualifier is a coding challenge that you are required to complete before registering for the code jam.
         This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment.
     </p>
-    <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p>
+    <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p>
     <p>
         Please note the requirements for the qualifier.
         <ul>
@@ -111,7 +111,7 @@
     <div class="card mb-4 has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
@@ -130,7 +130,7 @@
     <div class="card mb-4 has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
@@ -149,7 +149,7 @@
     <div class="card mb has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
                 </div>
                 <div class="media-content">
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 5c094b22..aa4c6915 100644
--- a/pydis_site/templates/events/pages/code-jams/9/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/9/_index.html
@@ -58,7 +58,7 @@
     <h3 id="submissions"><a href="#submissions">Submissions</a></h3>
     <p>
         By the end of the jam, 20+ teams made project submissions. Check them all out here:
-        <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+        <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
     </p>
 
     <h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -77,7 +77,7 @@
         The qualifier is a coding challenge that you are required to complete before registering for the code jam.
         This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment.
     </p>
-    <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p>
+    <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p>
     <p>
         Please note the requirements for the qualifier.
         <ul>
@@ -104,7 +104,7 @@
     <div class="card mb-4">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
@@ -123,7 +123,7 @@
     <div class="card mb-4">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
@@ -143,7 +143,7 @@
     <div class="card mb">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/Replit.png" %}" alt="Replit">
                 </div>
                 <div class="media-content">
diff --git a/pydis_site/templates/events/sidebar/code-jams/6.html b/pydis_site/templates/events/sidebar/code-jams/6.html
index 95a1f247..c09d9aab 100644
--- a/pydis_site/templates/events/sidebar/code-jams/6.html
+++ b/pydis_site/templates/events/sidebar/code-jams/6.html
@@ -1,6 +1,14 @@
 <div class="box">
     <img src="https://raw.githubusercontent.com/python-discord/branding/master/events/winer_code_jam_2020/code%20jam%206%20-%20website%20banner.png" alt="">
     <p class="menu-label">Sponsors:</p>
-    <p><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></p>
-    <p><a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></a></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>
+        </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>
+        </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 4aefdbd9..3381d3ae 100644
--- a/pydis_site/templates/events/sidebar/code-jams/7.html
+++ b/pydis_site/templates/events/sidebar/code-jams/7.html
@@ -3,10 +3,14 @@
 <div class="box">
     <img src="https://raw.githubusercontent.com/python-discord/branding/master/jams/summer_code_jam_2020/summer%20cj%202020%20discord%20banner.png" alt="Summer Code Jam 2020">
     <p class="menu-label">Sponsors</p>
-    <a href="https://www.djangoproject.com/" target="_blank">
-        <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
-    </a>
-    <a href="https://jetbrains.com" target="_blank">
-        <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
-    </a>
+    <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">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://jetbrains.com" target="_blank">
+            <img src="{% static "images/sponsors/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 f7363aeb..01e11bd3 100644
--- a/pydis_site/templates/events/sidebar/code-jams/8.html
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -11,13 +11,19 @@
 <div class="box has-background-white-bis">
     <img src="{% static "images/events/summer_code_jam_2021/banner.png" %}" alt="Summer Code Jam 2021">
     <h4 class="menu-label ">Our Sponsors</h4>
-    <a href="https://www.digitalocean.com/" target="_blank">
-        <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
-    </a>
-    <a href="https://jetbrains.com" target="_blank">
-        <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
-    </a>
-    <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">
-    </a>
+    <div class="sponsor">
+        <a href="https://www.digitalocean.com/" target="_blank">
+            <img src="{% static "images/events/DO_Logo_Vertical_Blue.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">
+        </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">
+        </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 2351973f..a312ed35 100644
--- a/pydis_site/templates/events/sidebar/code-jams/9.html
+++ b/pydis_site/templates/events/sidebar/code-jams/9.html
@@ -9,13 +9,19 @@
 <div class="box">
     <img src="{% static "images/events/summer_code_jam_2022/site_banner.png" %}" alt="Summer Code Jam 2022">
     <h4 class="menu-label">Our Sponsors</h4>
-    <a href="https://www.digitalocean.com/" target="_blank">
-        <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
-    </a>
-    <a href="https://jetbrains.com" target="_blank">
-        <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
-    </a>
-    <a href="https://replit.com/" target="_blank">
-        <img src="{% static "images/events/Replit.png" %}" alt="Replit">
-    </a>
+    <div class="sponsor">
+        <a href="https://www.digitalocean.com/" target="_blank">
+            <img src="{% static "images/events/DO_Logo_Vertical_Blue.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">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://replit.com/" target="_blank">
+            <img src="{% static "images/events/Replit.png" %}" alt="Replit">
+        </a>
+    </div>
 </div>
diff --git a/pydis_site/templates/events/sidebar/game-jams/2020.html b/pydis_site/templates/events/sidebar/game-jams/2020.html
index 30042d2b..445132e6 100644
--- a/pydis_site/templates/events/sidebar/game-jams/2020.html
+++ b/pydis_site/templates/events/sidebar/game-jams/2020.html
@@ -1,6 +1,10 @@
 <div class="box">
     <p class="menu-label">Partners</p>
-    <p><a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a></p>
+    <p>
+        <div class="sponsor">
+            <a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a>
+        </div>
+    </p>
 </div>
 
 <div class="box">
-- 
cgit v1.2.3


From 678961aa1a8a5c56ea7bce7cd26c15db61b60cd5 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 17 Jan 2024 20:32:57 +0800
Subject: Consistent CSS indent for files that I touched

---
 pydis_site/static/css/collapsibles.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/collapsibles.css b/pydis_site/static/css/collapsibles.css
index 30a95df7..0214e0bc 100644
--- a/pydis_site/static/css/collapsibles.css
+++ b/pydis_site/static/css/collapsibles.css
@@ -1,15 +1,15 @@
 .collapsible {
-  cursor: pointer;
-  width: 100%;
-  border: none;
-  outline: none;
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    outline: none;
 }
 
 [data-theme="dark"] .collapsible {
-  background-color: #403f45;
+    background-color: #403f45;
 }
 
 .collapsible-content {
-  transition: max-height 0.3s ease-out;
-  overflow: hidden;
+    transition: max-height 0.3s ease-out;
+    overflow: hidden;
 }
-- 
cgit v1.2.3


From d425a0c9e5ee85ce3f8ba98bdd5fe96c14f976ba Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 17 Jan 2024 20:44:39 +0800
Subject: Dark: For content pages using transparent images...

...which are unreadable in dark mode, use `has-dark-mode-background`
class.

    ![](/img.png){: class="has-dark-mode-background" }

Like this. And it will be given a nice light gray background and a
subtle padding & border.
---
 .../content/resources/guides/python-guides/mutability.md   |  8 ++++----
 pydis_site/static/css/content/page.css                     | 14 ++++++++++----
 2 files changed, 14 insertions(+), 8 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/apps/content/resources/guides/python-guides/mutability.md b/pydis_site/apps/content/resources/guides/python-guides/mutability.md
index 185dc87c..e180fd16 100644
--- a/pydis_site/apps/content/resources/guides/python-guides/mutability.md
+++ b/pydis_site/apps/content/resources/guides/python-guides/mutability.md
@@ -30,11 +30,11 @@ It just returns a new one.
 Let's examine what's going on here.
 At first, the variable `s` refers to some object, the string `'hello'`.
 
-![s refers to the string "hello"](/static/images/content/mutability/s_refers_hello.png)
+![s refers to the string "hello"](/static/images/content/mutability/s_refers_hello.png){: class="has-dark-mode-background" }
 
 When you call `s.upper()`, a new string, which contains the characters `'HELLO'`, gets created.
 
-![s.upper creates "HELLO"](/static/images/content/mutability/s_upper_creates_HELLO.png)
+![s.upper creates "HELLO"](/static/images/content/mutability/s_upper_creates_HELLO.png){: class="has-dark-mode-background" }
 
 This happens even if you just call `s.upper()` without any assignment, on its own line:
 ```python
@@ -44,12 +44,12 @@ In this case, a new object will be created and discarded right away.
 
 Then the assignment part comes in: the name `s` gets disconnected from `'hello'`, and gets connected to `'HELLO'`.
 
-![s gets assigned to "HELLO"](/static/images/content/mutability/s_gets_assigned_to_HELLO.png)
+![s gets assigned to "HELLO"](/static/images/content/mutability/s_gets_assigned_to_HELLO.png){: class="has-dark-mode-background" }
 
 Now we can say that `'HELLO'` is stored in the `s` variable.
 
 Then, because no variables refer to the _object_ `'hello'`, it gets eaten by the garbage collector.
 
-!["hello" Gets Eaten](/static/images/content/mutability/hello_gets_eaten.png)
+!["hello" Gets Eaten](/static/images/content/mutability/hello_gets_eaten.png){: class="has-dark-mode-background" }
 
 It means that the memory reserved for that object will be freed. If that didn't happen, the 'garbage' would accumulate over time and fill up all the RAM.
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 903b2134..b174e8d7 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -114,10 +114,6 @@ li img {
     margin-top: 0.5em;
 }
 
-[data-theme="dark"] hr {
-    background-color: #4c515a;
-}
-
 .dropdown-menu {
     min-width: 15rem;
 }
@@ -126,3 +122,13 @@ a.dropdown-item {
     white-space: normal;
     padding-right: 0;
 }
+
+[data-theme="dark"] hr {
+    background-color: #4c515a;
+}
+
+[data-theme="dark"] .has-dark-mode-background {
+    background-color: #EDEDED;
+    border-radius: .1rem;
+    padding: .3rem;
+}
-- 
cgit v1.2.3


From 6964fbe73a986d999439e861b00cd0225cccec6d Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 12:20:35 +0800
Subject: Dark: Use original light theme colors everywhere

Adjusted box-shadow for dark mode to be more readable, unfortunately
this gave it a little neomorphism effect...
---
 pydis_site/settings.py                                    | 2 +-
 pydis_site/static/css/content/page.css                    | 4 ----
 pydis_site/static/css/home/index.css                      | 6 +++++-
 pydis_site/static/css/home/timeline.css                   | 4 ++++
 pydis_site/templates/content/listing.html                 | 4 ++--
 pydis_site/templates/events/index.html                    | 8 ++++----
 pydis_site/templates/events/pages/code-jams/8/_index.html | 6 +++---
 pydis_site/templates/events/sidebar/code-jams/8.html      | 4 ++--
 pydis_site/templates/home/index.html                      | 4 ++--
 pydis_site/templates/home/timeline.html                   | 2 +-
 pydis_site/templates/resources/resource_box.html          | 2 +-
 pydis_site/templates/resources/resources.html             | 4 ++--
 12 files changed, 27 insertions(+), 23 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 3c4bbdb8..51ec8e27 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -351,7 +351,7 @@ BULMA_SETTINGS = {
         "code-background": "#464951", # A graduation lighter than the default for light theme
 
         # Same as bulma, adjusted for dark mode
-        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02)",
+        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.3), 0 0px 0 1px rgba(153, 153, 153, 0.2)",
         "border": "#4E4F51",
         "border-light": "#313233",
 
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index b174e8d7..d4739d12 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -27,10 +27,6 @@ i.has-icon-padding {
     flex-direction: column;
 }
 
-[data-theme="dark"] .card.github-card {
-    border: solid 1px #4E4F51;
-}
-
 [data-theme="dark"] .card-footer {
     border-top: solid 1px #4E4F51;
 }
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 5ecf7cd7..29111c32 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -112,7 +112,7 @@ h1 {
 }
 
 [data-theme="dark"] #showcase .box {
-    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
+    box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 30%), 0 0px 0 1px rgb(10 10 10 / 5%);
 }
 
 #showcase .mini-timeline {
@@ -186,6 +186,10 @@ h1 {
 
 #projects .card-header-title {
     padding: 0;
+    color: #7289DA;
+}
+
+[data-theme="dark"] #projects .card-header-title {
     /* Link color from settings.py */
     color: #99B0FF;
 }
diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index 369d5c8f..d4e445f7 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -3426,6 +3426,10 @@ mark {
     background-color: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.05));
 }
 
+[data-theme="dark"] .cd-timeline {
+    background-color: #2C2F33;
+}
+
 .cd-timeline h2 {
     font-weight: 700
 }
diff --git a/pydis_site/templates/content/listing.html b/pydis_site/templates/content/listing.html
index c21cea74..e2c27b17 100644
--- a/pydis_site/templates/content/listing.html
+++ b/pydis_site/templates/content/listing.html
@@ -18,7 +18,7 @@
 {% block page_content %}
     {# Nested Categories #}
     {% for category, data in categories.items %}
-        <div class="box has-background-white-bis" style="max-width: 800px;">
+        <div class="box has-background-white" style="max-width: 800px;">
             <span class="icon is-size-4 is-medium">
                 <i class="{{ data.icon|default:"fas fa-folder" }} is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
             </span>
@@ -32,7 +32,7 @@
 
     {# Single Pages #}
     {% for page, data in pages.items %}
-        <div class="box has-background-white-bis" style="max-width: 800px;">
+        <div class="box has-background-white" style="max-width: 800px;">
             <span class="icon is-size-4 is-medium">
                 <i class="{{ data.icon|default:"fab fa-python" }} is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
             </span>
diff --git a/pydis_site/templates/events/index.html b/pydis_site/templates/events/index.html
index 2fbf0b85..4b1ae2bd 100644
--- a/pydis_site/templates/events/index.html
+++ b/pydis_site/templates/events/index.html
@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block event_content %}
-    <div class="box has-background-white-bis">
+    <div class="box has-background-white">
         <h2 class="title is-4"><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></h2>
         <p>Every year we hold a community-wide Summer Code Jam. For this event, members of our community are assigned to teams to collaborate and create something amazing using a technology we picked for them. One such technology that was picked for the Summer 2021 Code Jam was text user interfaces (TUIs), where teams could pick from a pre-approved list of frameworks.</p>
         <p>To help fuel the creative process, we provide a specific theme, like <strong>Think Inside the Box</strong> or <strong>Early Internet</strong>. At the end of the Code Jam, the projects are judged by Python Discord server staff members and guest judges from the larger Python community. The judges will consider creativity, code quality, teamwork, and adherence to the theme.</p>
@@ -15,7 +15,7 @@
         <iframe style="max-width: 100%;" width="560" height="315" src="https://www.youtube.com/embed/8fbZsGrqBzo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
     </div>
 
-    <div class="box has-background-white-bis">
+    <div class="box has-background-white">
         <h2 class="title is-4">PyWeek</h2>
         <div class="columns is-3" style="--columnGap: 0.75rem;">
             <div class="column">
@@ -41,7 +41,7 @@
         </div>
     </div>
 
-    <div class="box has-background-white-bis">
+    <div class="box has-background-white">
         <h2 class="title is-4">Advent of Code</h2>
         <div class="columns is-3" style="--columnGap: 0.75rem;">
             <div class="column">
@@ -69,7 +69,7 @@
         </div>
     </div>
 
-    <div class="box has-background-white-bis">
+    <div class="box has-background-white">
         <h2 class="title is-4">Game Jam</h2>
         <div class="columns is-3" style="--columnGap: 0.75rem;">
             <div class="column">
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 cc8de6b1..319d9ecb 100644
--- a/pydis_site/templates/events/pages/code-jams/8/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -108,7 +108,7 @@
         to provide our prizes as well.
     </p>
     <!-- This is going to be the sponsor section -->
-    <div class="card mb-4 has-background-white-bis">
+    <div class="card mb-4 has-background-white">
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
@@ -127,7 +127,7 @@
         </div>
     </div>
 
-    <div class="card mb-4 has-background-white-bis">
+    <div class="card mb-4 has-background-white">
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
@@ -146,7 +146,7 @@
              </div>
         </div>
     </div>
-    <div class="card mb has-background-white-bis">
+    <div class="card mb has-background-white">
         <div class="card-content">
             <div class="media">
                 <div class="media-left sponsor" style="max-width:150px">
diff --git a/pydis_site/templates/events/sidebar/code-jams/8.html b/pydis_site/templates/events/sidebar/code-jams/8.html
index 4f9aca9d..f579a0b2 100644
--- a/pydis_site/templates/events/sidebar/code-jams/8.html
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -1,5 +1,5 @@
 {% load static %}
-<div class="panel is-primary has-background-white-bis">
+<div class="panel is-primary has-background-white">
     <p class="panel-heading">Important Links</p>
         <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/rules" %}">Rules</a>
         <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/frameworks" %}">Approved Frameworks</a>
@@ -8,7 +8,7 @@
         <a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/code-style-guide" %}">The Code Style Guide</a>
     </ul>
 </div>
-<div class="box has-background-white-bis">
+<div class="box has-background-white">
     <img src="{% static "images/events/summer_code_jam_2021/banner.png" %}" alt="Summer Code Jam 2021">
     <h4 class="menu-label">Our Sponsors</h4>
     <div class="sponsor">
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index ed5623dd..30b064a4 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -92,7 +92,7 @@
 
         {# Showcase box #}
         <section id="showcase" class="column is-half-desktop has-text-centered">
-          <article class="box has-background-white-bis">
+          <article class="box has-background-white">
 
             <header class="title">Interactive timeline</header>
 
@@ -138,7 +138,7 @@
             <div class="column is-one-third-desktop is-half-tablet">
 
               <a href="https://github.com/{{ repo.repo_name }}">
-                <article class="card has-background-white-bis">
+                <article class="card has-background-white">
 
                   <header class="card-header is-white">
                     <span class="card-header-icon">
diff --git a/pydis_site/templates/home/timeline.html b/pydis_site/templates/home/timeline.html
index 49de14b5..6c627033 100644
--- a/pydis_site/templates/home/timeline.html
+++ b/pydis_site/templates/home/timeline.html
@@ -10,7 +10,7 @@
 {% block content %}
   {% include "base/navbar.html" %}
 
-  <section class="cd-timeline js-cd-timeline has-background-white">
+  <section class="cd-timeline js-cd-timeline">
     <div class="container max-width-lg cd-timeline__container">
 
       <div class="cd-timeline__block">
diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html
index 6a9729df..9f771c6e 100644
--- a/pydis_site/templates/resources/resource_box.html
+++ b/pydis_site/templates/resources/resource_box.html
@@ -2,7 +2,7 @@
 {% load to_kebabcase %}
 {% load get_category_icon %}
 
-<div class="box resource-box has-background-white-bis {{ resource.css_classes }}" data-resource-name="{{ resource.name }}">
+<div class="box resource-box has-background-white {{ resource.css_classes }}" data-resource-name="{{ resource.name }}">
     {% if 'title_url' in resource %}
         <a href="{{ resource.title_url }}">
             {% include "resources/resource_box_header.html" %}
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 7cf6d71a..a4fa551e 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -40,7 +40,7 @@
 
 
                         {# Filter box tags #}
-                        <div class="card filter-tags is-white has-background-white-bis">
+                        <div class="card filter-tags is-white has-background-white">
                             <div class="is-flex ml-auto">
                                 <div id="tag-pool">
                                     {# A filter tag for when there are no filters active #}
@@ -116,7 +116,7 @@
 
                         {# Filter checkboxes #}
                         {% for filter_name, filter_data in filters.items %}
-                            <div class="card filter-category-header has-background-white-bis">
+                            <div class="card filter-category-header has-background-white">
                                 <button type="button" class="card-header collapsible">
                                     <span class="card-header-title subtitle is-6 my-2 ml-2">
                                         <i class="fa-fw {{ filter_data.icon }} is-primary" aria-hidden="true"></i>&nbsp&nbsp{{ filter_name }}
-- 
cgit v1.2.3


From 6dd6f6342b02e3e2106b7661cf95d351275f0790 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 12:44:24 +0800
Subject: Dark: More subtle collapsible and box-shadow borders

---
 pydis_site/settings.py                 | 2 +-
 pydis_site/static/css/collapsibles.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 51ec8e27..27d00754 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -351,7 +351,7 @@ BULMA_SETTINGS = {
         "code-background": "#464951", # A graduation lighter than the default for light theme
 
         # Same as bulma, adjusted for dark mode
-        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.3), 0 0px 0 1px rgba(153, 153, 153, 0.2)",
+        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.3), 0 0px 0 1px rgba(82, 82, 82, 0.2)",
         "border": "#4E4F51",
         "border-light": "#313233",
 
diff --git a/pydis_site/static/css/collapsibles.css b/pydis_site/static/css/collapsibles.css
index 0214e0bc..034bf2fa 100644
--- a/pydis_site/static/css/collapsibles.css
+++ b/pydis_site/static/css/collapsibles.css
@@ -6,7 +6,7 @@
 }
 
 [data-theme="dark"] .collapsible {
-    background-color: #403f45;
+    background-color: #34353A;
 }
 
 .collapsible-content {
-- 
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')

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')

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')

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 bd4da69d2efc01712f74240d435cd0707a1a2c81 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 18:57:14 +0800
Subject: Dark: Better shadows

---
 pydis_site/settings.py               | 2 +-
 pydis_site/static/css/home/index.css | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 27d00754..3959395a 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -351,7 +351,7 @@ BULMA_SETTINGS = {
         "code-background": "#464951", # A graduation lighter than the default for light theme
 
         # Same as bulma, adjusted for dark mode
-        "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.3), 0 0px 0 1px rgba(82, 82, 82, 0.2)",
+        "shadow": "0 0.5em 1em -0.125em rgba(0, 0, 0, 0.3), 0 0px 0 1px rgba(0, 0, 0, 0.13)",
         "border": "#4E4F51",
         "border-light": "#313233",
 
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 29111c32..c3975799 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -111,10 +111,6 @@ h1 {
     margin: 0 1em;
 }
 
-[data-theme="dark"] #showcase .box {
-    box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 30%), 0 0px 0 1px rgb(10 10 10 / 5%);
-}
-
 #showcase .mini-timeline {
     height: 3px;
     position: relative;
@@ -170,7 +166,7 @@ h1 {
 }
 
 [data-theme="dark"] #projects .card:hover {
-    box-shadow: 0 1px 3px rgb(10 10 10 / 65%), 0 1px 2px rgb(10 10 10 / 85%);
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
 }
 
 #projects .card-header {
-- 
cgit v1.2.3


From b3e652cb07debec44a211f89cf45f4e0030f54e7 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Thu, 18 Jan 2024 19:53:58 +0800
Subject: Dark: Restore border on github cards

---
 pydis_site/static/css/content/page.css | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index d4739d12..e80fdc13 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -119,6 +119,10 @@ a.dropdown-item {
     padding-right: 0;
 }
 
+[data-theme="dark"] .card.github-card {
+    border: solid 1px #4E4F51;
+}
+
 [data-theme="dark"] hr {
     background-color: #4c515a;
 }
-- 
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')

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 78668be2dcc902ee52e85693c56977b0cc925fe4 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Sun, 28 Jan 2024 16:18:51 +0800
Subject: Dark: Fix timeline icon borders

---
 pydis_site/static/css/home/timeline.css | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index d4e445f7..d42bbfc0 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -3496,6 +3496,10 @@ mark {
     box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
 }
 
+[data-theme="dark"] .cd-timeline__img {
+    box-shadow: 0 0 0 4px var(--cd-color-2), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
+}
+
 .cd-timeline__img i {
     font-size: 1.5em;
     color: white;
-- 
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')

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')

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