New image and theme (#82)

* Fix responsive sizing * Change image and brand to better image
lucaskjaero · Jan 9, 2020 · 209e45b · 209e45b
1 parent ca66332
commit 209e45b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/src/components/Hero/Hero.js b/src/components/Hero/Hero.js
@@ -24,6 +24,7 @@ const Hero = props => {
           background: ${theme.hero.background};
           background-image: url(${backgrounds.mobile});
           background-size: cover;
+          background-repeat: no-repeat;
           color: ${theme.text.color.primary.inverse};
           display: flex;
           flex-flow: column nowrap;

diff --git a/src/images/jpg/lucas-background.jpg b/src/images/jpg/lucas-background.jpg
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -115,12 +115,12 @@ export const query = graphql`
       }
     }
     bgTablet: imageSharp(fluid: { originalName: { regex: "/lucas-background/" } }) {
-      resize(width: 800, height: 1100, quality: 90, cropFocus: CENTER) {
+      resize(width: 800, height: 600, quality: 90, cropFocus: CENTER) {
         src
       }
     }
     bgMobile: imageSharp(fluid: { originalName: { regex: "/lucas-background/" } }) {
-      resize(width: 450, height: 850, quality: 90, cropFocus: CENTER) {
+      resize(width: 600, height: 350, quality: 90, cropFocus: CENTER) {
         src
       }
     }

diff --git a/src/theme/theme.yaml b/src/theme/theme.yaml
@@ -55,12 +55,12 @@ color:
       k: '#2b2826'
     black: '#000000'
   brand:
-    primary: &color-brand-primary '#709425'
-    primaryActive: '#709425'
-    light: '#709425'
-    lightActive: '#709425'
-    dark: '#709425'
-    darkActive: '#709425'
+    primary: &color-brand-primary '#f05f40'
+    primaryActive: '#f05f40'
+    light: '#f05f40'
+    lightActive: '#f05f40'
+    dark: '#f05f40'
+    darkActive: '#f05f40'
   special:
     attention: &color-special-attention orange
 # FONT