#37 updating singular product page colors

Scout-NU · May 7, 2021 · 5ffbdd5 · 5ffbdd5
1 parent 6238b35
commit 5ffbdd5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/src/components/singular-product/singular-product-styles.js b/src/components/singular-product/singular-product-styles.js
@@ -63,7 +63,7 @@ export const SmallImageContainer = styled.div`
 export const TextContainer = styled.div`
   padding-left: 67px;
 
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 
   @media (max-width: ${dimensions.maxwidthTablet}px) {
     padding-left: 0px;
@@ -115,7 +115,7 @@ export const Icon = styled.div`
 
 export const IconHeader = styled.div`
   margin-left: ${layoutPaddingDesktop};
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 
   @media (max-width: ${dimensions.maxwidthTablet}px) {
     text-align: center;
@@ -133,7 +133,7 @@ export const IconImage = styled.div`
 export const IconCaption = styled.div`
   margin-top: 25px;
   width: 12vw;
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 
   text-align: center;
   @media (max-width: ${dimensions.maxwidthTablet}px) {
@@ -149,13 +149,13 @@ export const ImageHighlightSection = styled.div`
 export const ImageHighlightHeading = styled.div`
   padding-top: 147px;
   margin-left: 4vw;
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 `
 
 export const ImageHighlightGroupContainer = styled.div``
 
 export const ImageHighlightGroup = styled.div`
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 
   &.second-section {
     position: absolute;
@@ -261,7 +261,7 @@ export const ThirdSection = styled.div`
 
 export const FeatureSpecSection = styled.div`
   margin-top: 100px;
-  color: ${colors.blue900};
+  color: ${colors.ocean900};
 `
 
 export const FeatureIcon = styled.div`

diff --git a/src/style/colors.js b/src/style/colors.js
@@ -8,12 +8,21 @@ const colors = {
   white900: "#FFFFFF",
 
   orange900: "#F27A28",
+  orange900_transparent: "rgb(242, 106, 33, .07)",
   blue900: "#245373",
   lightblue900: "#6480A5",
   lighterblue900: "#6EA8C0",
   softblue900: "#ECF3F7",
   gray900: "#585858",
-  black_overlay: "rgb(0, 0, 0, 0.55)"
+  black_overlay: "rgb(0, 0, 0, 0.55)",
+  ocean900: "#00667B",
+  seafoam900: "#5AC7AC",
+  solar900: "#FFB729",
+  grass900: "#B2DD8E",
+  frost900: "#ECF3F7",
+  stone900: "#585858",
+  seafoam900_transparent: "rgb(90, 199, 172, .07)",
+
 }
 
-export default colors
+export default colors