diff --git a/lib/css/index.css b/lib/css/index.css
index dabf6da..3dfa903 100644
--- a/lib/css/index.css
+++ b/lib/css/index.css
@@ -118,10 +118,16 @@ nav {
 
 .lbry-teal-green {
   background-color: #28D4E2;
+  color: #ffffff;
 }
 
 .lbry-dark-green {
   background-color: #00303C;
+  color: #ffffff;
+}
+
+.lbry-dark-green:hover{
+  color: #28D4E2;
 }
 
 .dropdown-item.active {
diff --git a/swarm/index.html b/swarm/index.html
index a4e1621..95bc3eb 100644
--- a/swarm/index.html
+++ b/swarm/index.html
@@ -179,63 +179,66 @@
                 <div class="card lbry-dark text-center">
                   <span class="mt-3">Click on a hive to see details</span>  
                   <div class="card-body">
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#developersModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#developersModal">
                       Developers
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#contributorsModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#contributorsModal">
                       Contributors 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#creatorsModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#creatorsModal">
                       Creators 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#translatorsModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#translatorsModal">
                       Translators 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_ScienceModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_ScienceModal">
                       LBRY.Science 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_EspanolModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_EspanolModal">
                       LBRY.Español 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_recordsModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_recordsModal">
                       LBRY.records 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Open_Source_LBRYModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Open_Source_LBRYModal">
                       Open Source LBRY 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Watch_on_LBRY_PluginModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Watch_on_LBRY_PluginModal">
                       Watch on LBRY Plugin 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Wallet_ServersModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Wallet_ServersModal">
                       Wallet Servers 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#RedditModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#RedditModal">
                       Reddit  
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LazyBitModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LazyBitModal">
                       LazyBit 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_IndiaModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_IndiaModal">
                       LBRY India 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Makerspace_HiveModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Makerspace_HiveModal">
                       Makerspace Hive 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_SocialModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_SocialModal">
                       LBRY Social 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_TurkeyModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_TurkeyModal">
                       LBRY Turkey 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_CommunityModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_CommunityModal">
                       LBRY Community (LBRYC) 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Beat_SaberModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Beat_SaberModal">
                       Beat Saber 
                     </button>
-                    <button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRYans_UnitedModal">
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRYans_UnitedModal">
                       LBRYans United 
                     </button>
+                    <button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRYian_comModal">
+                      LBRYian.com 
+                    </button>
                   </div>
                 </div>
               </div>
@@ -313,7 +316,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -346,7 +349,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -378,7 +381,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -410,7 +413,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -443,7 +446,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -473,7 +476,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -506,7 +509,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -538,7 +541,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -569,7 +572,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -610,7 +613,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -643,7 +646,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -674,7 +677,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -709,7 +712,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -740,7 +743,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -773,7 +776,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -806,7 +809,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -839,7 +842,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -874,7 +877,7 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -907,7 +910,40 @@
           </p>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- /LBRYans United -->
+
+  <!-- LBRYian.com -->
+  <div class="modal fade" id="LBRYian_comModal" tabindex="-1" role="dialog" aria-labelledby="LBRYian_comModal" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content lbry-dark text-white">
+        <div class="modal-header">
+          <h3 class="modal-title" id="LBRYian_comModal">LBRYian.com</h3>
+          <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <h4>Chat Room or Forum</h4>
+          <p><a href="https://discord.gg/cqNDrm9">https://discord.gg/cqNDrm9</a></p>
+
+          <h4>Website</h4>
+          <p><a href="https://lbryian.com/">https://lbryian.com/</a></p>  
+
+          <h4>Description</h4>
+          <p>
+            LBRYian.com is building Social Media Network among students to promote LBRY technology
+            and spreading awareness about how LBRY can help to protect our privacy, and freedom
+            of our content by doing meetups and making meaningful memes that describe LBRY in fun way. <br>
+            Our Main Focus is to trend #lbryian in social media by our memes and meetups.
+          </p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>