diff --git a/dashboard_static/index.html b/dashboard_static/index.html
index 3569603..4355751 100644
--- a/dashboard_static/index.html
+++ b/dashboard_static/index.html
@@ -110,8 +110,10 @@
                         <!-- <div class="button">BLOCKED WORDS</div> -->
                     </div>
                     <div class="popchart column">
+
                         <span class="colheader chartheader">Sports Popularity Filter</span>
                         <div id="pie" style="height:300px; background-color: white;"></div>
+
                     </div>
                 </div>
             </div>
diff --git a/dashboard_static/js/events.js b/dashboard_static/js/events.js
index 83ed769..7e0b801 100644
--- a/dashboard_static/js/events.js
+++ b/dashboard_static/js/events.js
@@ -46,4 +46,14 @@ $(".sort-dropdown-list li").on("click", function() {
 
 $(window).on("test", function(e, filter) {
     console.log(filter);
+})
+
+let root = document.querySelector(":root")
+
+$(".logo").on("click", function() {
+    if (root.style.getPropertyValue("--main-bg") === 'ghostwhite') {
+        root.style.setProperty('--main-bg', '#292929');
+    } else {
+        root.style.setProperty('--main-bg', 'ghostwhite');
+    }
 })
\ No newline at end of file