Use colour helpers

6 files changed, 18 insertions, 18 deletions

diff --git a/pydis_site/apps/content/resources/guides/pydis-guides/contributing.md b/pydis_site/apps/content/resources/guides/pydis-guides/contributing.md
index 4013962c..fd322d08 100644
--- a/pydis_site/apps/content/resources/guides/pydis-guides/contributing.md
+++ b/pydis_site/apps/content/resources/guides/pydis-guides/contributing.md
@@ -9,8 +9,8 @@ Our projects on Python Discord are open source and [available on Github](https:/
 <!-- Project cards -->
 <div class="columns is-multiline is-centered is-3 is-variable">
   <div class="column is-one-third-desktop is-half-tablet">
-    <div class="card github-card">
-      <div class="card-header">
+    <div class="card github-card has-background-white">
+      <div class="card-header has-background-white">
         <div class="card-header-title is-centered">
           <a class="is-size-5" href="https://github.com/python-discord/sir-lancebot">
             <i class="fab fa-github"></i>&ensp;<strong >Sir Lancebot</strong>
@@ -26,11 +26,11 @@ Our projects on Python Discord are open source and [available on Github](https:/
           <span class="tag is-primary">Beginner</span>
         </div>
       </div>
-      <div class="card-footer">
+      <div class="card-footer has-background-white">
         <a href="https://github.com/python-discord/sir-lancebot/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc" class="card-footer-item"><i class="fas fa-exclamation-circle"></i>&ensp;Issues</a>
         <a href="https://github.com/python-discord/sir-lancebot/pulls?q=is%3Apr+is%3Aopen+sort%3Aupdated-desc" class="card-footer-item"><i class="fas fa-code-merge"></i>&ensp;PRs</a>
       </div>
-      <div class="card-footer">
+      <div class="card-footer has-background-white">
         <a href="/pages/guides/pydis-guides/contributing/sir-lancebot" class="card-footer-item"><i class="fas fa-cogs"></i>&ensp;Setup and Configuration Guide</a>
       </div>
     </div>
diff --git a/pydis_site/templates/base/footer.html b/pydis_site/templates/base/footer.html
index 0bc93578..8663f3a1 100644
--- a/pydis_site/templates/base/footer.html
+++ b/pydis_site/templates/base/footer.html
@@ -1,4 +1,4 @@
-<footer class="footer has-background-dark has-text-light">
+<footer class="footer has-background-dark" style="color: #FFFFFF">
   <div class="content has-text-centered">
     <p>
       Powered by <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085"><span id="linode-logo">Linode</span></a> and <a href="https://www.netcup.eu/"><span id="netcup-logo">netcup</span></a><br>Built with <a href="https://www.djangoproject.com/"><span id="django-logo">django</span></a> and <a href="https://bulma.io"><span id="bulma-logo">Bulma</span></a> <br/> &copy; {% now "Y" %} <span id="pydis-text">Python Discord</span>
diff --git a/pydis_site/templates/content/page.html b/pydis_site/templates/content/page.html
index 759286f6..8aa37723 100644
--- a/pydis_site/templates/content/page.html
+++ b/pydis_site/templates/content/page.html
@@ -10,8 +10,8 @@
 
 {% block page_content %}
     {% if relevant_links or toc %}
-        <div class="columns is-variable is-8">
-            <div class="column is-two-thirds">
+        <div class="columns is-variable is-8 has-background-danger">
+            <div class="column is-two-thirds has-background-danger">
                 {{ page|safe }}
             </div>
             <div class="column">
diff --git a/pydis_site/templates/events/index.html b/pydis_site/templates/events/index.html
index 79cf20fe..ed1bbfed 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-ter">
+    <div class="box has-background-white-bis">
         <h2 class="title is-4">Code Jams</h2>
         <p>Each year, we organize at least one code jam, one during the summer and sometimes one during the winter. During these events, members of our community will work together in teams to 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 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-ter">
+    <div class="box has-background-white-bis">
         <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-ter">
+    <div class="box has-background-white-bis">
         <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-ter">
+    <div class="box has-background-white-bis">
         <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/home/index.html b/pydis_site/templates/home/index.html
index c7350cac..f66c7675 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -77,7 +77,7 @@
 
         {# Showcase box #}
         <section id="showcase" class="column is-half-desktop has-text-centered">
-          <article class="box">
+          <article class="box has-background-white-bis">
 
             <header class="title">Interactive timeline</header>
 
@@ -123,9 +123,9 @@
             <div class="column is-one-third-desktop is-half-tablet">
 
               <a href="https://github.com/{{ repo.repo_name }}">
-                <article class="card">
+                <article class="card has-background-white-bis">
 
-                  <header class="card-header">
+                  <header class="card-header is-white">
                     <span class="card-header-icon">
                       <span class="icon"><i class="fab fa-github"></i></span>
                     </span>
@@ -166,7 +166,7 @@
   {% endif %}
 
   <!-- Sponsors -->
-  <section id="sponsors" class="hero is-light">
+  <section id="sponsors" class="hero has-background-white-ter">
     <div class="hero-body">
       <div class="container">
         <h1 class="title is-6 has-text-grey">
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 4545f3c2..9c76bc8b 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -30,11 +30,11 @@
                         <p class="panel-heading has-text-centered" id="filter-panel-header">Filter Resources</p>
 
                         {# Filter box tags #}
-                        <div class="card filter-tags is-white has-background-white-ter">
+                        <div class="card filter-tags is-white has-background-white-bis">
                             <div class="is-flex ml-auto">
                                 <div>
                                     {# A filter tag for when there are no filters active #}
-                                    <span class="no-tags-selected tag has-background-disabled has-text-disabled ml-2 mt-2 has-background-white-bis">
+                                    <span class="no-tags-selected tag has-background-disabled has-text-disabled ml-2 mt-2 has-background-white-ter">
                                             <i class="fas fa-ban mr-1"></i>
                                             No filters selected
                                     </span>
@@ -100,7 +100,7 @@
 
                         {# Filter checkboxes #}
                         {% for filter_name, filter_data in filters.items %}
-                            <div class="card filter-category-header has-background-white-ter">
+                            <div class="card filter-category-header has-background-white-bis">
                                 <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 }}