diff --git a/atlas/index.html b/atlas/index.html
index 8bbc658..4e8e705 100644
--- a/atlas/index.html
+++ b/atlas/index.html
@@ -27,6 +27,7 @@
         <a href = "/wynnfo/index.html"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "WynnCrafter"><b>WynnCrafter</b></a>
         <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
         <hr/>
+        <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
     </div>
     <div class="container-fluid py-1 vh-100">
         <div class = "row">
diff --git a/builder/doc.html b/builder/doc.html
index 579bc38..daad9a3 100644
--- a/builder/doc.html
+++ b/builder/doc.html
@@ -48,6 +48,7 @@
         <a onclick = "document.querySelector('#search-container').style.display = '';"><img src="../media/icons/new/searcher.png" alt="" title="Item Search"><b>WynnAtlas Mini</b></a>
         <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
         <hr/>
+        <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
     </div>
     <div class="container-fluid me-4" style="max-width: 95%; display: none">
         <div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
diff --git a/builder/index.html b/builder/index.html
index f80563e..1ad21f5 100644
--- a/builder/index.html
+++ b/builder/index.html
@@ -48,8 +48,13 @@
         <a onclick = "document.querySelector('#search-container').style.display = '';"><img src="../media/icons/new/searcher.png" alt="" title="Item Search"><b>WynnAtlas Mini</b></a>
         <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
         <hr/>
+        <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
     </div>
     <div class="container-fluid me-4" style="max-width: 95%;">
+        <!-- REMOVE THIS DIV AT SOME POINT. -->
+        <div class = "row scaled-font mx-auto" id = "discord-banner-dev">
+                <div class = "col text-center item-title">Join the <a class = "link" href = "https://discord.gg/CGavnAnerv" target = "_blank">discord</a> today to suggest new features, submit bug reports, and hangout/talk to devs!</div>
+        </div>
         <div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
             <div class="col-xl-6">
                 <div class="row row-cols-1 mb-3 gy-4">
diff --git a/crafter/index.html b/crafter/index.html
index 65c6cdc..ce5d948 100644
--- a/crafter/index.html
+++ b/crafter/index.html
@@ -29,6 +29,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
         <div class = "container py-5 vh-100 mx-0 mx-lg-auto">
             <div class = "col">
diff --git a/css/sq2bs.css b/css/sq2bs.css
index 9b42afe..c574126 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -497,4 +497,11 @@ a:hover {
     border-radius:50%;
     -moz-border-radius:50%;
     -webkit-border-radius:50%;
+}
+
+.hppeng{
+    color: #20c2b6;
+}
+.ferricles{
+    color: #5be553;
 }
\ No newline at end of file
diff --git a/custom/index.html b/custom/index.html
index e495fd1..0b46333 100644
--- a/custom/index.html
+++ b/custom/index.html
@@ -31,6 +31,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
         <div class = "container row py-5 vh-100 mx-0 mx-lg-auto scaled-font">
             <div class = "col-lg-3 col-sm-12">
diff --git a/dev/index.html b/dev/index.html
index 42117a6..0ee432b 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -43,6 +43,7 @@
         <a href="" onclick="toggleIcons()"><img src="../media/icons/new/reload.png" alt=""
                 title="Swap items on page"><b>Swap Icon Style</b></a>
         <hr />
+        <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
     </div>
     <div class="container text-light px-5 scaled-font">
         <div class="row justify-content-center page-title">
diff --git a/item/index.html b/item/index.html
index 00cfade..d5d6568 100644
--- a/item/index.html
+++ b/item/index.html
@@ -30,6 +30,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
 
         <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font">
diff --git a/items/index.html b/items/index.html
index 485213f..c35a4aa 100644
--- a/items/index.html
+++ b/items/index.html
@@ -29,6 +29,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
         <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font">
             <div class = "col">
diff --git a/items_adv/index.html b/items_adv/index.html
index fd5d749..c251a9d 100644
--- a/items_adv/index.html
+++ b/items_adv/index.html
@@ -30,6 +30,7 @@
             <a href = "/wynnfo/index.html"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "WynnCrafter"><b>WynnCrafter</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
         <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font">
             <div class = "col">
diff --git a/items_adv/items_2_help.html b/items_adv/items_2_help.html
index 6d35a78..9e89d9d 100644
--- a/items_adv/items_2_help.html
+++ b/items_adv/items_2_help.html
@@ -33,6 +33,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "WynnCrafter"><b>WynnCrafter</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
         <main>
             <div class="full-width text-center">
diff --git a/map/index.html b/map/index.html
index 6bdc441..bf82637 100644
--- a/map/index.html
+++ b/map/index.html
@@ -43,6 +43,7 @@
             <a href = "../wynnfo/"><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
             <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
             <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
         </div>
 
         <div class = "container row py-5 vh-100 mx-0 mx-lg-auto scaled-font">
diff --git a/media/icons/discord.png b/media/icons/discord.png
new file mode 100644
index 0000000..16d089c
Binary files /dev/null and b/media/icons/discord.png differ
diff --git a/wynnfo/index.html b/wynnfo/index.html
index 9687846..9bd721e 100644
--- a/wynnfo/index.html
+++ b/wynnfo/index.html
@@ -29,6 +29,7 @@
                 <a href = ""><img src = "../media/icons/new/book.png" alt = "Wynnfo" title = "Wynnfo"><b>Wynnfo</b></a>
                 <a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
                 <hr/>
+                <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "../media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
             </div>
             <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font" id = "main">
                 <div class = "row item-title">Welcome!</div>