Commit 1d01a338 authored by David Rhoderick's avatar David Rhoderick
Browse files

Updating theme colors & adding image to quicklinks

parent 955be181
......@@ -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 (
<>
......
......@@ -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;
......
......@@ -68,7 +68,7 @@ const themeColors = {
purple: '#92398E',
transPurple: '#92398E50',
grey: '#949898',
lightBlue: '#3A77B8',
lightBlue: '#39ADE1',
darkBlue: '#22292f',
green: '#309655',
body: '#202020'
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment