Updating theme colors & adding image to quicklinks

packages/mvmuseum-theme/src/components/home.js

@@ -34,7 +34,7 @@ const Home = ({ state, actions }) => {
   const text_for_featured = ["Object of the day"];
 
   const colors = state.theme.colors;
-  const use_colors = [colors.green, colors.orange, "#39aee3"];
+  const use_colors = [colors.green, colors.orange, colors.lightBlue];
 
   return (
     <>

packages/mvmuseum-theme/src/components/home/linksContainer.js

@@ -4,21 +4,20 @@ import { connect, styled } from "frontity";
 import Image from "@frontity/components/image";
 import Link from "@frontity/components/link";
 
-import Facebook from "../../img/facebook.png";
-
 const LinksContainer = ({ quick_links, state }) => {
   const colors = state.theme.colors;
-  const use_colors = [colors.green, colors.orange, colors.blue];
+  const use_colors = [colors.green, colors.orange, colors.lightBlue];
 
   return (
     <TextContainer theme={state.theme}>
-      {quick_links.map(({ link, description }, index) => {
+      {quick_links.map(({ link, description, mobile_icon }, index) => {
         return (
           <SingleLinkContainer key={index} theme={state.theme}>
-            <Image src={Facebook}></Image>
-            <Link link="#" style={{ color: use_colors[index] }}>
+            <Link link={link.url} style={{ color: use_colors[index] }}>
               {link.title}
+              {mobile_icon && <Image src={mobile_icon.sizes.medium} />}
             </Link>
+
             <p>{description}</p>
           </SingleLinkContainer>
         );
@@ -36,7 +35,7 @@ const TextContainer = styled.section`
   position: relative;
   z-index: 100;
   display: flex;
-  justify-content: streach;
+  justify-content: stretch;
 
   ${(props) => props.theme.breakPoints.md} {
     flex-direction: column;

packages/mvmuseum-theme/src/index.js

@@ -68,7 +68,7 @@ const themeColors = {
   purple:       '#92398E',
   transPurple:  '#92398E50',
   grey:         '#949898',
-  lightBlue:    '#3A77B8',
+  lightBlue:    '#39ADE1',
   darkBlue:     '#22292f',
   green:        '#309655',
   body:         '#202020'