merge from main

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>

dashboard_static/js/events.js

@@ -47,3 +47,13 @@ $(".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');
+    }
+})