Update theme.ts and _post.elements.js

Author: CompuIves

packages/common/src/theme/theme.ts

@@ -14,7 +14,7 @@ export const theme = {
     primaryText: '#7F694C',
     lightText: '#F2F2F2',
     secondary: '#40A9F3',
-    shySecondary: '#E3FF73',
+    shySecondary: '#66b9f4',
     darkBlue: '#1081D0',
     white: '#E0E0E0',
     gray: '#C0C0C0',

packages/homepage/src/templates/_post.elements.js

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 
 export const PostContainer = styled.div`
-  ${({ theme }) => css`
+  ${() => css`
     color: ${props => props.theme.homepage.white};
     font-size: 17px;
     font-weight: 300;
@@ -116,15 +116,15 @@ export const PostContainer = styled.div`
     }
 
     a {
-      color: ${theme.shySecondary};
+      color: #e3ff73;
       text-decoration: none;
       border-bottom: 1px solid rgba(255, 255, 255, 0);
       transition: all 100ms ease-in 0s;
     }
 
     a:hover {
       border-bottom: 1px solid;
-      border-color: ${theme.shySecondary};
+      border-color: #e3ff73;
     }
 
     font-weight: 400;