Changed SCSS.

Changed color scheme.

Added comment.

Added some color to home page.

Changed home page text.

MultiShop/client/src/assets/scss/_app-layout.scss

@@ -1,3 +1,4 @@
+// Used to provide inial layout for application containing elements.
 html, body, #app, #content {
     min-height: 100%;
     height: 100%;

MultiShop/client/src/assets/scss/_variables.scss

@@ -1,3 +1,3 @@
 $themes: (
-    "light": ("background": #F4F4F2, "navbar": #E8E8E8, "sub": #88B7B5, "alt": #847996, "text": #1a1a1a),
+    "light": ("background": #F4F4F4, "navbar": #FFF7F7, "main": #BDF2D5, "text": #1A1A1A),
 );

MultiShop/client/src/assets/scss/main.scss

@@ -15,6 +15,7 @@ nav.navbar {
     @extend .container-fluid;
     @extend .p-4;
     @include themer.themed {
+        background-color: themer.color-of("main");
     }
 }
 

MultiShop/client/src/views/Home.vue

@@ -8,12 +8,12 @@
             />
         </div>
         <div id="description" class="text-center px-3 my-2">
-            <h1 class="my-2">C-SHAID</h1>
+            <h1 class="my-2">SHAID</h1>
             <p>
-                Also known as Component Shopping Aid, is a site designed to
-                help with the online electronic searching experience. Create
-                project component lists and search across multiple commonly used
-                sites to find the ideal purchase.
+                Also known as Shopping Aid, is a site designed to help with the
+                online electronic component searching experience. Create project
+                component lists and search across multiple commonly used online
+                retail stores to find the ideal purchase.
             </p>
         </div>
     </div>
@@ -27,6 +27,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+h1 {
+    font-size: 5em;
+}
 #description {
     max-width: 540px;
 }