From 5655728d8ea45c2454f7b1a515e600184b7b01a1 Mon Sep 17 00:00:00 2001
From: phdduarte <pedrohlduarte@gmail.com>
Date: Tue, 5 Jul 2022 17:53:44 -0300
Subject: [PATCH] 0.5.1

---
 package.json    |  2 +-
 theme/colors.ts | 20 +++++++++++++++++---
 theme/fonts.ts  |  6 ++++++
 theme/index.ts  |  4 +++-
 theme/styles.ts |  9 +++------
 5 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 theme/fonts.ts

diff --git a/package.json b/package.json
index 4fd9952..6178fc1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nextime-nextjs-chakra-ui-start",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": true,
   "license": "MIT",
   "scripts": {
diff --git a/theme/colors.ts b/theme/colors.ts
index 5976794..b6c95f8 100644
--- a/theme/colors.ts
+++ b/theme/colors.ts
@@ -1,7 +1,21 @@
 const colors = {
-  primary: '#4882F8',
-  'primary-light': '#85d7ff',
-  'primary-dark': '#2D426D'
+  'next-primary': '#4882F8',
+  'next-light': '#6688CD',
+  'next-green': '#85F2C9',
+  'next-dark': '#2D426D',
+  'next-gray': '#BDBDBD',
+  'next-dark-gray': '#2A2A2D',
+  dark: '#17171B',
+  'next-blue': {
+    100: '#00DAE9',
+    200: '#4882F8',
+    900: '#2D426D'
+  },
+  'next-red': {
+    200: '#EB4A68',
+    300: '#FF747C',
+    400: '#EE468E'
+  }
 }
 
 export default colors
diff --git a/theme/fonts.ts b/theme/fonts.ts
new file mode 100644
index 0000000..8145cf4
--- /dev/null
+++ b/theme/fonts.ts
@@ -0,0 +1,6 @@
+const fonts = {
+  heading: 'Roboto',
+  body: 'Open Sans'
+}
+
+export default fonts
diff --git a/theme/index.ts b/theme/index.ts
index 33ffa81..2a74e20 100644
--- a/theme/index.ts
+++ b/theme/index.ts
@@ -2,11 +2,13 @@ import { extendTheme } from '@chakra-ui/react'
 import colors from './colors'
 import config from './config'
 import styles from './styles'
+import fonts from './fonts'
 
 const theme = extendTheme({
   colors,
   config,
-  styles
+  styles,
+  fonts
 })
 
 export default theme
diff --git a/theme/styles.ts b/theme/styles.ts
index 8ab075c..3501c83 100644
--- a/theme/styles.ts
+++ b/theme/styles.ts
@@ -1,12 +1,9 @@
-import { mode } from '@chakra-ui/theme-tools'
-import { Dict } from '@chakra-ui/utils'
-
 const styles = {
-  global: (props: Dict<any>) => ({
+  global: () => ({
     body: {
       fontFamily: 'body',
-      color: mode('#17171B', 'whiteAlpha.900')(props),
-      bg: mode('white', '#17171B')(props),
+      color: 'whiteAlpha.900',
+      bg: 'dark',
       lineHeight: 'base'
     }
   })