Added themes in constants, and background images, minor fixes

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 {

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>

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","");

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;
 }
 

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 ) 

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"  
     }
 };