0.5.1

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": {

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

theme/fonts.ts

@@ -0,0 +1,6 @@
+const fonts = {
+  heading: 'Roboto',
+  body: 'Open Sans'
+}
+
+export default fonts

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

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'
     }
   })