ui: update homepage color to match resources

src/components/Header/styles.tsx

@@ -10,7 +10,7 @@ export const HeaderWrapper = styled.header`
   width: 100%;
   position: relative;
   min-height: auto;
-  background: #121240;
+  background: #1f2a34;
 
   &.is-home {
     min-height: 100vh;

src/components/Waves/styles.tsx

@@ -3,7 +3,7 @@ import WavesBottom from "../../images/waves-bot.svg"
 import WavesTop from "../../images/waves-top.svg"
 
 const waves = css`
-  opacity: 0.5;
+  opacity: 0.7;
   width: 100vw;
   max-width: 100%;
   position: absolute;

src/layouts/Layout/styles.tsx

@@ -1,7 +1,7 @@
 import styled from "styled-components"
 
 export const LayoutWrapper = styled.div`
-  background: #121240;
+  background: #1f2a34;
   color: #fff;
   position: relative;
   display: flex;