Fixing custom theme (#16)

* feat: общая тема

package.json

@@ -24,6 +24,7 @@
     "@chakra-ui/system": "^2.6.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@fontsource/inter": "^5.0.8",
     "@fontsource/raleway": "^5.0.8",
     "@tanstack/react-query": "^4.35.3",
     "axios": "^1.5.0",

src/shared/config/theme/theme.ts

@@ -1,4 +1,10 @@
 import { extendTheme, defineStyleConfig } from '@chakra-ui/react';
+import '@fontsource/raleway/600.css';
+import '@fontsource/raleway/700.css';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/600.css';
+import '@fontsource/inter/700.css';
 
 /**
  * Можно посмотреть исходники и понять, что можно переопределить
@@ -12,24 +18,49 @@ const Button = defineStyleConfig({
   },
 });
 
+const Heading = defineStyleConfig({
+  variants: {
+    h3: {
+      fontFamily: `'Inter', sans-serif`,
+    },
+  },
+});
+
 export const basicTheme = extendTheme({
   config: {
-    initialColorMode: 'dark',
+    initialColorMode: 'light',
     useSystemColorMode: false,
   },
-  components: { Button },
+  components: { Button, Heading },
   styles: {
     global: {
       body: {
         fontSize: 'sm',
+        color: 'gray.900',
       },
     },
   },
+  fonts: {
+    body: `'Inter', sans-serif`,
+    heading: `'Raleway', sans-serif`,
+  },
   colors: {
     purple: {
-      700: '#4A00B5',
+      100: '#E9D8FD',
+      600: '#6D2DF0',
       900: '#25005B',
-      100: '#E6DAF7',
+    },
+    gray: {
+      50: '#FAFAFA',
+      100: '#F5F5F5',
+      200: '#EEEEEE',
+      300: '#E0E0E0',
+      500: '#9E9E9E',
+      600: '#757575',
+      400: '#BDBDBD',
+      700: '#616161',
+      800: '#424242',
+      900: '#111111',
     },
   },
 });

yarn.lock

@@ -2215,6 +2215,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@fontsource/inter@npm:^5.0.8":
+  version: 5.0.8
+  resolution: "@fontsource/inter@npm:5.0.8"
+  checksum: d67def08f86681ca21d7ee771fc94b05bd6073f4ccc130f619bb94252b37cda1a9796f0c9991bb7be723f292b6deb014049546be5961bcd5185b439b12ed7d63
+  languageName: node
+  linkType: hard
+
 "@fontsource/raleway@npm:^5.0.8":
   version: 5.0.8
   resolution: "@fontsource/raleway@npm:5.0.8"
@@ -9970,6 +9977,7 @@ __metadata:
     "@commitlint/config-conventional": ^17.7.0
     "@emotion/react": ^11.11.1
     "@emotion/styled": ^11.11.0
+    "@fontsource/inter": ^5.0.8
     "@fontsource/raleway": ^5.0.8
     "@tanstack/eslint-plugin-query": ^4.34.1
     "@tanstack/react-query": ^4.35.3