diff --git a/hourglass/.meteor/packages b/hourglass/.meteor/packages
index 0b89015..d0281cb 100644
--- a/hourglass/.meteor/packages
+++ b/hourglass/.meteor/packages
@@ -37,5 +37,5 @@ houston:admin
 ahref:dragula
 harrison:papa-parse
 pfafman:filesaver
-semantic:ui
 flemay:less-autoprefixer
+natestrauser:select2
diff --git a/hourglass/.meteor/versions b/hourglass/.meteor/versions
index fc34fea..56a917e 100644
--- a/hourglass/.meteor/versions
+++ b/hourglass/.meteor/versions
@@ -79,6 +79,7 @@ modules-runtime@0.7.6
 momentjs:moment@2.14.4
 mongo@1.1.12
 mongo-id@1.0.5
+natestrauser:select2@4.0.3
 npm-bcrypt@0.9.1
 npm-mongo@1.5.49
 oauth@1.1.11
@@ -97,8 +98,6 @@ reload@1.1.10
 retry@1.0.8
 routepolicy@1.0.11
 rzymek:fullcalendar@2.7.2
-semantic:ui@2.2.1
-semantic:ui-data@2.2.4
 service-configuration@1.0.10
 session@1.1.6
 sha@1.0.8
diff --git a/hourglass/client/main/main.css b/hourglass/client/main/main.css
index c80051b..b1d9e16 100644
--- a/hourglass/client/main/main.css
+++ b/hourglass/client/main/main.css
@@ -262,7 +262,7 @@ input, textarea {
 .mode, .function {
 	width: 100%;
 	position: relative;
-	background-color: #849CAE;
+	background-color: rgba(255,255,255,0.2);
 
 	-webkit-transition: background-color 0.5s ease, box-shadow 0.5s ease;  
 	-moz-transition: background-color 0.5s ease, box-shadow 0.5s ease; 
@@ -577,6 +577,7 @@ input, textarea {
 }
 
 #editWork {
+	min-height: 68vh;
 	margin: auto;
 	margin-top: 5%;
 
@@ -599,6 +600,7 @@ input, textarea {
 #editWorkCont {
 	width: 100%;
 	height: 100%;
+	min-height: 68vh;
 
 	position: relative;
 	display: table;
@@ -1012,9 +1014,12 @@ input, textarea {
 	background-color: rgba(255,255,255,0.1);
 }
 
+.fc-past {
+	background-color: rgba(0,0,0,0.2);
+}
+
 .fc-day:not(.fc-past) {
 	cursor: pointer;
-	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1);
 
 	-webkit-transition: box-shadow 0.4s ease;  
 	-moz-transition: box-shadow 0.4s ease; 
@@ -1023,7 +1028,7 @@ input, textarea {
 } 
 
 .fc-day:not(.fc-past):hover {
-	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.15);
+	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1);
 }
 
 .fc-slats, .fc-content-skeleton {
diff --git a/hourglass/client/main/main.html b/hourglass/client/main/main.html
index d47fcb2..fc3e14c 100644
--- a/hourglass/client/main/main.html
+++ b/hourglass/client/main/main.html
@@ -12,21 +12,21 @@
             <div id="dropdown">
                 <img src="{{avatar}}">
             </div>
-            <div id="headerBar"></div>
+            <div id="headerBar" style="background-color:{{divColor 'statusIcons'}}"></div>
         </header>
         <div id="menuContainer" style="left:{{menuStatus}};background-color:{{divColor 'sidebar'}}">
             <div id="modes">
-                <div class="mode classes" style="background-color:{{divColor 'funcButton'}}">
+                <div class="mode classes">
                     <i class="fa fa-university" aria-hidden="true"></i>
                     <h4 style="color:{{modeStatus 'classes'}}">Classes</h4>
                 </div>
-                <div class="mode calendar" style="background-color:{{divColor 'funcButton'}}">
+                <div class="mode calendar">
                     <i class="fa fa-calendar" aria-hidden="true"></i>
                     <h4 style="color:{{modeStatus 'calendar'}}">Calendar</h4>
                 </div>
             </div>
             <div id="functions">
-                <div class="function manageClass" onclick="window.location='/profile'" style="background-color:{{divColor 'funcButton'}}">
+                <div class="function manageClass" onclick="window.location='/profile'">
                     <i class="fa fa-tasks" aria-hidden="true"></i>
                     <h4>Manage Classes</h4>
                 </div>
@@ -54,11 +54,10 @@
                     </div>
                 </div>
             {{/if}}
-
-                <div id="exportDiv" class="sideFilter">
-                    <i id="export" class="fa fa-download" aria-hidden="true"></i>
-                    <h4 id="exportText">Export</h4>
-                </div>
+            <div id="exportDiv" class="sideFilter">
+                <i id="export" class="fa fa-download" aria-hidden="true"></i>
+                <h4 id="exportText">Export</h4>
+            </div>
         </div>
         <div id="optionsContainer" style="right:{{optionsStatus}};background-color:{{divColor 'sidebar'}}">
             <h3>Preferences</h3>
diff --git a/hourglass/client/main/main.js b/hourglass/client/main/main.js
index 6e276b4..eee8b1d 100644
--- a/hourglass/client/main/main.js
+++ b/hourglass/client/main/main.js
@@ -260,7 +260,7 @@ function startDragula() {
 
 Template.main.helpers({
     schoolName() { // Finds the name of the user's school.
-        if(Session.get("user").school === undefined) return;
+        if(Session.get("user").school === undefined || Session.get("user").school === null) return;
         return " - " + Session.get("user").school;
     },
     iconColor(icon) { // Sidebar status color
@@ -975,7 +975,7 @@ function closeInput(modifyingInput) { // Close a changeable input and change it
     if (Session.equals("sidebar", "optionsContainer") || Session.equals("sidebar", "both")) {
         color = "#000";
     } else {
-        color = "#8C8C8C";
+        color = "#BEBEBE";
     }
     span.style.color = color;
     Session.set("commentRestrict","");
diff --git a/hourglass/client/profile/profile.css b/hourglass/client/profile/profile.css
index b6f1e91..614119f 100644
--- a/hourglass/client/profile/profile.css
+++ b/hourglass/client/profile/profile.css
@@ -1,6 +1,6 @@
 .change {
 	font-size: 150%;
-	color: #8C8C8C;
+	color: #BEBEBE;
 	cursor: pointer;
 }
 
@@ -22,7 +22,7 @@
 .changeInput {
 	font-size: 100%;
 	padding: 0;
-	color: #8C8C8C;
+	color: #BEBEBE;
 	position: relative;
 }
 
diff --git a/hourglass/client/profile/profile.js b/hourglass/client/profile/profile.js
index b9bd82e..b115900 100644
--- a/hourglass/client/profile/profile.js
+++ b/hourglass/client/profile/profile.js
@@ -76,15 +76,15 @@ Template.profile.helpers({
         return Session.get("user").name;
     },
     motd() { // Returns the current user's description
-        if (Session.get("user").description !== undefined) return Session.get("user").description;
+        if (Session.get("user").description !== undefined && Session.get("user").description !== null) return Session.get("user").description;
         return "Say something about yourself!";
     },
     school() { // Returns the current user's school's name
-        if (Session.get("user").school !== undefined) return Session.get("user").school;
+        if (Session.get("user").school !== undefined && Session.get("user").school !== null) return Session.get("user").school;
         return "Click here to edit...";
     },
     grade() { // Returns the current user's grade
-        if (Session.get("user").grade !== undefined) return Session.get("user").grade + "th";
+        if (Session.get("user").grade !== undefined && Session.get("user").grade !== null) return Session.get("user").grade + "th";
         return "Click here to edit...";
     },
     classes() { // Loads all of the possible classes ( Limit of twenty shown ) ( Sorts by class size ) 
@@ -281,7 +281,7 @@ Template.profile.events({
 
             Session.set("selectedClass",array);
             Session.set("owned",true);
-        });  
+        });
     },
     'click .classBox .fa-times' (event) { // Leaves a class
         var box = event.target.parentNode;
@@ -457,15 +457,15 @@ Template.profile.events({
         try {
             for (var i = 0; i < document.getElementsByClassName("profOptions").length; i++) {
                 var curr = document.getElementsByClassName("profOptions")[i];
-                if (curr.childNodes[1] !== op.nextSibling.nextSibling.childNodes[1] 
-                    && curr.childNodes[1] !== op.parentNode.parentNode.childNodes[3].childNodes[1]) {
+                if (curr.childNodes[1] !== op.nextSibling.nextSibling.childNodes[1] &&
+                    curr.childNodes[1] !== op.parentNode.parentNode.childNodes[3].childNodes[1]) {
                     closeDivFade(document.getElementsByClassName("profOptions")[i]);
                 }
             }
         } catch (err) {}
 
         if(event.target.className.includes("op")) {
-            openDivFade(op.nextSibling.nextSibling);  
+            openDivFade(op.nextSibling.nextSibling);
         } else {
             openDivFade(op.parentNode.parentNode.childNodes[3]);
         }
@@ -615,11 +615,11 @@ function getProfileData() { // Gets all data related to profile.
 
     var gradein = document.getElementById("grade").childNodes[0].nodeValue;
     profile.grade = parseInt(gradein.substring(gradein.length - 2, gradein));
-    if(profile.grade.includes("Click here to edit...")) profile.grade = "";
+    if(!profile.grade) profile.grade = "";
 
     profile.avatar = document.getElementById("profAvatar").src;
     profile.banner = document.getElementById("profBanner").src;
-    
+
     profile.preferences = {
         "theme":document.getElementById("prefTheme").childNodes[0].nodeValue.toLowerCase(),
         "mode":document.getElementById("prefMode").childNodes[0].nodeValue.toLowerCase(),
diff --git a/hourglass/lib/constants.js b/hourglass/lib/constants.js
index 0af3d0f..7b623a3 100644
--- a/hourglass/lib/constants.js
+++ b/hourglass/lib/constants.js
@@ -4,7 +4,6 @@ themeColors =  {
         "header": "#EBEBEB",
         "sidebar": "#65839A",
         "dropdown": "#E6E6E6",
-        "adminButtons": "#C8C0C0",
         "funcButton": "#849CAE",
         "statusIcons": "#33ADFF",
         "highlightText": "#FF1A1A",
@@ -13,12 +12,11 @@ themeColors =  {
         "calendar": "#000",
         "text": "#000"
     },
-    "dark": {
+    /*"dark": {
         "background": "Black.jpg",
         "header": "#373A56",
         "sidebar": "#35435D",
         "dropdown": "#373A56", 
-        "adminButtons": "#63667E",
         "funcButton": "#5D75A2",
         "statusIcons": "#33ADFF",
         "highlightText": "#FF1A1A",
@@ -27,6 +25,54 @@ themeColors =  {
         "calendar": "#000",
         //30313B
         "text": "#F6F6F6" 
+    },*/
+    /*"dark": {
+       "background": "RedBlack.png",
+        "header": "#302c36",
+        "sidebar": "#327c5a",
+        "dropdown": "#cc3333", 
+        "statusIcons": "#327c5a",
+        "highlightText": "#c9fe62",
+        "cards": "#151313",
+        "classes":"#302c36",
+        "calendar": "#000",
+        "text": "#fcf0f0"  
+    },*/
+    /*"dark": {
+       "background": "Sea.png",
+        "header": "#1e926c",
+        "sidebar": "#3cb08a",
+        "dropdown": "#2ea96a", 
+        "statusIcons": "#61d9a3",
+        "highlightText": "#c9fe62",
+        "cards": "#1c564f",
+        "classes":"#2567a1",
+        "calendar": "#000",
+        "text": "#fcf0f0"  
+    },*/
+    /*"dark": {
+       "background": "Earth.png",
+        "header": "#dea743",
+        "sidebar": "#6d9957",
+        "dropdown": "#89bb52", 
+        "statusIcons": "#91ee61",
+        "highlightText": "#b9f643",
+        "cards": "#496234",
+        "classes":"#c18311",
+        "calendar": "#000",
+        "text": "#fcf0f0"  
+    },*/
+    "dark": {
+       "background": "NeonBlue.png",
+        "header": "#1d1c23",
+        "sidebar": "#312e32",
+        "dropdown": "#2e312b", 
+        "statusIcons": "#70e6e6",
+        "highlightText": "#70e6e6",
+        "cards": "#1f212f",
+        "classes":"#1faab1",
+        "calendar": "#000",
+        "text": "#fcf0f0"  
     }
 };
 
diff --git a/hourglass/lib/router.js b/hourglass/lib/router.js
index a50ae91..cb0c938 100644
--- a/hourglass/lib/router.js
+++ b/hourglass/lib/router.js
@@ -57,14 +57,14 @@ Router.route('/user/:email', {
     },
     action: function() {
         if(Meteor.users.findOne({'services.google.email': this.params.email}) !== undefined) {
-            if(this.params.email === Meteor.user().services.google.email) {
+            if(Meteor.user() && this.params.email === Meteor.user().services.google.email) {
                 this.redirect('/profile');
             } else {
                 this.render('user');
-            }  
+            }
         } else {
             this.render("NotFound");
-        }  
+        }
     }
 });
 
diff --git a/hourglass/server/main.js b/hourglass/server/main.js
index e0e5abe..73d7882 100644
--- a/hourglass/server/main.js
+++ b/hourglass/server/main.js
@@ -127,6 +127,7 @@ Meteor.publish('users', function() {
             // Only return necessary fields
             fields: {
                 'services.google.email': 1,
+                'services.google.picture': 1,
                 'profile.banner': 1,
                 'profile.grade': 1,
                 'profile.description': 1,