fix: ensure background color is primary white

ucsddesignco · Jun 2, 2024 · 1cefe60 · 1cefe60
1 parent 9e72af0
commit 1cefe60
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/src/app/Home.scss b/src/app/Home.scss
@@ -34,7 +34,7 @@
 
     section {
       position: relative;
-      background-color: #fcfcfc;
+      background-color: $primary-white;
       scroll-snap-align: center;
       padding-block: $main-padding-mobile-block;
       padding-inline: $main-padding-mobile-inline;

diff --git a/src/app/components/Navbar/Navbar.scss b/src/app/components/Navbar/Navbar.scss
@@ -30,7 +30,7 @@ nav {
     padding-block: $main-padding-mobile-block;
     width: 100vw;
     max-width: 400px;
-    background: #fcfcfc;
+    background: $primary-white;
     height: 100dvh;
     display: flex;
     flex-direction: column;
@@ -172,8 +172,8 @@ nav {
 
   .add-me-to-cart {
     max-width: 310px;
-    color: #fcfcfc;
-    background-color: #212121;
+    color: $primary-white;
+    background-color: $primary-black;
     padding-block: 20px;
     transition: background-color 0.3s;
     border: 2px solid $primary-black;
@@ -189,8 +189,8 @@ nav {
     }
 
     &:is(:hover, :focus-visible) {
-      background-color: #fcfcfc;
-      color: #212121;
+      background-color: $primary-white;
+      color: $primary-black;
     }
   }
 

diff --git a/src/app/components/TestimonialModal/TestimonialModal.scss b/src/app/components/TestimonialModal/TestimonialModal.scss
@@ -28,7 +28,7 @@
     width: calc(100% - 2 * $main-padding-desktop-inline);
     height: calc(100% - 2 * $main-padding-desktop-block - var(--title-height));
     border: 1px solid $outline-gray;
-    background: #fcfcfc;
+    background: $primary-white;
     z-index: 2;
     transition: opacity 0.3s;
     opacity: 0;

diff --git a/src/app/styles/global.scss b/src/app/styles/global.scss
@@ -27,6 +27,7 @@ body {
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
   color: $primary-black;
+  background-color: $primary-white;
 }
 
 h1,