From 8b29c6f999173f6dcc2a8bace0bcff718b71489e Mon Sep 17 00:00:00 2001
From: Harrison Deng <yunyangdeng@gmail.com>
Date: Sun, 11 Jul 2021 02:38:35 -0500
Subject: [PATCH] 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 +
 MultiShop/client/src/assets/scss/_variables.scss  |  2 +-
 MultiShop/client/src/assets/scss/main.scss        |  1 +
 MultiShop/client/src/views/Home.vue               | 13 ++++++++-----
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/MultiShop/client/src/assets/scss/_app-layout.scss b/MultiShop/client/src/assets/scss/_app-layout.scss
index d3b9aa7..49b5441 100644
--- a/MultiShop/client/src/assets/scss/_app-layout.scss
+++ b/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%;
diff --git a/MultiShop/client/src/assets/scss/_variables.scss b/MultiShop/client/src/assets/scss/_variables.scss
index 69fd728..ecf238e 100644
--- a/MultiShop/client/src/assets/scss/_variables.scss
+++ b/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),
 );
diff --git a/MultiShop/client/src/assets/scss/main.scss b/MultiShop/client/src/assets/scss/main.scss
index 34ad98b..e5a1f70 100644
--- a/MultiShop/client/src/assets/scss/main.scss
+++ b/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");
     }
 }
 
diff --git a/MultiShop/client/src/views/Home.vue b/MultiShop/client/src/views/Home.vue
index c523fbf..865bca2 100644
--- a/MultiShop/client/src/views/Home.vue
+++ b/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;
 }