style: updated colors

Author: hmarques98

template/src/styles/colors.ts

@@ -1,17 +1,14 @@
 // DEFAULT
-export const PRIMARY = '#E0F2E9';
-export const SECONDARY = '#114B5F';
-export const BACKGROUND_COLOR = '#3C887E';
-export const WHITE = '#F9F7FE';
-export const BLACK = '#1B1F23';
+export const PRIMARY = '#272C30';
+export const SECONDARY = '#FFE300';
+export const BACKGROUND_COLOR = '#1B1F23';
+export const WHITE = '#C8C8C8';
+export const BLACK = '#3D4247';
 
 // ACTIONS
 export const SUCCESS = '#16BD04';
 export const WARNING = '#ffae00';
 export const ALERT = '#cc4b37';
 
 // GRAYSCALE
-export const GRAY_LIGHT = '#AFB4BC';
-
-// GREENSCALE
-export const GREEN = '#16BD04';
+export const GRAY_LIGHT = '#44494F';

template/styled.d.ts

@@ -20,6 +20,7 @@ declare module 'styled-components' {
       black: string;
       success: string;
       backgroundColor: string;
+      grayLight:string;
     };
     typography: {
       FONT_REGULAR: string;

template/theme.ts

@@ -1,5 +1,5 @@
 import { DefaultTheme } from 'styled-components';
-import { colors, spacing, typography } from './src/styles/index';
+import { colors, typography } from './src/styles/index';
 
 const theme: DefaultTheme = {
   space: {
@@ -16,9 +16,9 @@ const theme: DefaultTheme = {
     secondary: colors.SECONDARY,
     black: colors.BLACK,
     white: colors.WHITE,
-
     success: colors.SUCCESS,
     backgroundColor: colors.BACKGROUND_COLOR,
+    grayLight: colors.GRAY_LIGHT
   },
   typography: {
     FONT_REGULAR: typography.FONT_FAMILY_REGULAR,