diff --git a/frontend/public/assets/css/light-bootstrap-dashboard.css b/frontend/public/assets/css/light-bootstrap-dashboard.css
index 15b955345..8db18f781 100644
--- a/frontend/public/assets/css/light-bootstrap-dashboard.css
+++ b/frontend/public/assets/css/light-bootstrap-dashboard.css
@@ -604,47 +604,47 @@ body > .navbar-collapse[data-color="chess"]:after,
 .sidebar[data-color="dust"],
 body > .navbar-collapse[data-color="dust"]:after,
 .dustBackground {
-  background: #2f3061;
-  background: -moz-linear-gradient(top, #2f3061 10%, #96acb7 60%, #fedc97 100%);
+  background: #164e63;
+  background: -moz-linear-gradient(top, #164e63 10%, #0891b2 60%, #67e8f9 100%);
   background: -webkit-gradient(
     linear,
     left top,
     left bottom,
-    color-stop(10%, #2f3061),
-    color-stop(100%, #96acb7),
-    color-stop(100%, #fedc97)
+    color-stop(10%, #164e63),
+    color-stop(100%, #0891b2),
+    color-stop(100%, #67e8f9)
   );
   background: -webkit-linear-gradient(
     top,
-    #2f3061 10%,
-    #96acb7 60%,
-    #fedc97 100%
+    #164e63 10%,
+    #0891b2 60%,
+    #67e8f9 100%
   );
-  background: -o-linear-gradient(top, #2f3061 10%, #96acb7 60%, #fedc97 100%);
-  background: -ms-linear-gradient(top, #2f3061 10%, #96acb7 60%, #fedc97 100%);
+  background: -o-linear-gradient(top, #164e63 10%, #0891b2 60%, #67e8f9 100%);
+  background: -ms-linear-gradient(top, #164e63 10%, #0891b2 60%, #67e8f9 100%);
   background: linear-gradient(
     to bottom,
-    #2f3061 10%,
-    #96acb7 60%,
-    #fedc97 100%
+    #164e63 10%,
+    #0891b2 60%,
+    #67e8f9 100%
   );
   background-size: 150% 150%;
 }
 .sidebar[data-color="anomoly"],
 body > .navbar-collapse[data-color="anomoly"]:after {
-  background: #425e16;
-  background: -moz-linear-gradient(top, #425e16 0%, #cfe1b9 100%);
+  background: #164e63;
+  background: -moz-linear-gradient(top, #164e63 0%, #0e7490 100%);
   background: -webkit-gradient(
     linear,
     left top,
     left bottom,
-    color-stop(0%, #425e16),
-    color-stop(100%, #cfe1b9)
+    color-stop(0%, #164e63),
+    color-stop(100%, #0e7490)
   );
-  background: -webkit-linear-gradient(top, #425e16 0%, #cfe1b9 100%);
-  background: -o-linear-gradient(top, #425e16 0%, #cfe1b9 100%);
-  background: -ms-linear-gradient(top, #425e16 0%, #cfe1b9 100%);
-  background: linear-gradient(to bottom, #425e16 0%, #cfe1b9 100%);
+  background: -webkit-linear-gradient(top, #164e63 0%, #0e7490 100%);
+  background: -o-linear-gradient(top, #164e63 0%, #0e7490 100%);
+  background: -ms-linear-gradient(top, #164e63 0%, #0e7490 100%);
+  background: linear-gradient(to bottom, #164e63 0%, #0e7490 100%);
   background-size: 150% 150%;
 }
 
diff --git a/frontend/public/bc/css/bc_styles.css b/frontend/public/bc/css/bc_styles.css
index 42fe17048..f8d42bbbb 100644
--- a/frontend/public/bc/css/bc_styles.css
+++ b/frontend/public/bc/css/bc_styles.css
@@ -12,22 +12,22 @@ body {
 }
 
 a {
-  color: #6e6eb6;
+  color: #0891b2;
 }
 
 a:hover {
-  color: #272750;
+  color: #155e75;
 }
 
 .btn {
-  background-color: #52527a !important;
-  border-color: #52527a !important;
+  background-color: #155e75 !important;
+  border-color: #155e75 !important;
   color: rgb(230, 230, 230);
 }
 
 .btn:hover {
-  background-color: #2f3061 !important;
-  border-color: #2f3061 !important;
+  background-color: #083344 !important;
+  border-color: #083344 !important;
 }
 
 /* a centered row of things used in team page for checkboxes */
diff --git a/frontend/public/bc/img/logo.png b/frontend/public/bc/img/bc23.png
similarity index 100%
rename from frontend/public/bc/img/logo.png
rename to frontend/public/bc/img/bc23.png
diff --git a/frontend/public/bc/img/bc24.png b/frontend/public/bc/img/bc24.png
new file mode 100644
index 000000000..f46ea3043
Binary files /dev/null and b/frontend/public/bc/img/bc24.png differ
diff --git a/frontend/src/navbar.js b/frontend/src/navbar.js
index fdb08d014..609e5ccb1 100644
--- a/frontend/src/navbar.js
+++ b/frontend/src/navbar.js
@@ -67,8 +67,10 @@ class NavBarAccount extends Component {
           {/* <li>
             <NavLink to={`/multi-episode`}>Change Episode</NavLink>
           </li> */}
-          <li>
-            <NavLink to={`/register`}>Register</NavLink>
+          <li style={{ background: "#0e7490" }}>
+            <NavLink style={{ color: "white" }} to={`/register`}>
+              Register
+            </NavLink>
           </li>
           <li>
             <NavLink to={`/login`}>Log in</NavLink>
diff --git a/frontend/src/sidebar.js b/frontend/src/sidebar.js
index 5253d0945..eb5bf1c4e 100644
--- a/frontend/src/sidebar.js
+++ b/frontend/src/sidebar.js
@@ -34,7 +34,7 @@ class SideBar extends Component {
         <div className="sidebar-wrapper">
           <div className="logo text">
             <a href={`/${this.props.episode}/home`}>
-              <img src="/bc/img/logo.png" />
+              <img src="/bc/img/bc24.png" />
             </a>
             <p>
               {this.props.episode_info &&
diff --git a/frontend/src/views/home.js b/frontend/src/views/home.js
index bcb5a59d3..35f30fce6 100644
--- a/frontend/src/views/home.js
+++ b/frontend/src/views/home.js
@@ -128,6 +128,10 @@ class InstrCard extends UpdateCard {
           <h4 className="title">Welcome to {this.props.episode_name_long}!</h4>
         </div>
         <div className="content">
+          <p>
+            <a href={`/register`}>Register</a> for an account, then{" "}
+            <a href={`/${this.props.episode}/team`}>join or create a team</a>!
+          </p>
           <p>
             Please join our <a href="https://discord.gg/N86mxkH">Discord</a>,
             and follow our{" "}
@@ -166,6 +170,10 @@ class LinksCard extends Component {
               <a href="https://discord.gg/N86mxkH">Discord</a> -{" "}
               <b>for all official announcements and our community</b>
             </li>
+            <li>
+              <a href="https://twitch.tv/mitbattlecode">Twitch</a> -{" "}
+              <b>for lecture and tournament streams</b>
+            </li>
             <li>
               <a href="https://www.facebook.com/mitbattlecode">Facebook</a> and{" "}
               <a href="https://www.instagram.com/mitbattlecode/">Instagram</a> -{" "}
@@ -174,17 +182,17 @@ class LinksCard extends Component {
             <li>
               <a href="https://github.com/battlecode">GitHub</a>
             </li>
-            <li>
-              <a href="https://twitch.tv/mitbattlecode">Twitch</a>
-            </li>
             <li>
               <a href="https://battlecode.org">Battlecode.org</a>
               <ul>
                 <li>
-                  <a href="https://battlecode.org/schedule.html">Schedule</a>
+                  <a href="https://battlecode.org/schedule.html">Schedule</a> -{" "}
+                  <b>for lectures and tournaments</b>
                 </li>
                 <li>
-                  <a href="https://battlecode.org/about.html">Eligibility</a>
+                  <a href="https://battlecode.org/about.html">
+                    Eligibility Rules
+                  </a>
                 </li>
               </ul>
             </li>