diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 1dc7f1d5..93d0ff3b 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -25,6 +25,10 @@ a {
     outline: 0 !important;
 }
 
+.pride-background {
+    background: linear-gradient(90deg, #f00000, #f00000 16.67%, #ff8000 16.67%, #ff8000 33.33%, #ffff00 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, #4040ff 66.67%, #4040ff 83.33%, #a000c0 83.33%, #a000c0) fixed;
+}
+
 .initial-line-height {
     line-height: initial;
 }
diff --git a/server/public/assets/js/frontpage.js b/server/public/assets/js/frontpage.js
index bdb9bb4b..7e6d6e8e 100755
--- a/server/public/assets/js/frontpage.js
+++ b/server/public/assets/js/frontpage.js
@@ -8,6 +8,9 @@ var Frontpage = {
     blob_list: [],
 
     winter: (new Date()).getMonth() >= 10 ? true : false,
+    pride: function() {
+        return (new Date()).getMonth() == 5;
+    },
 
     times_rotated: 0,
 
@@ -540,6 +543,9 @@ var Frontpage = {
         if(!Helper.mobilecheck() && Frontpage.winter) {
             document.getElementsByClassName("mega")[0].insertAdjacentHTML("afterbegin", '<div id="snow"></div>');
         }
+        if(Frontpage.pride()) {
+            Helper.addClass("#fp-nav", "pride-background");
+        }
 
         if(Helper.mobilecheck()){
             //$('input#autocomplete-input').characterCounter();