From 1afd1ae3d3c08c87d24dd248a02861a820edd472 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 12 Oct 2020 00:16:31 +0300
Subject: [PATCH] textArea unified style

---
 frontend-react/src/components/elements/TextArea.tsx | 10 +++++-----
 frontend-react/src/hooks/useTheme.ts                |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend-react/src/components/elements/TextArea.tsx b/frontend-react/src/components/elements/TextArea.tsx
index cab1b3b02..fcd586721 100644
--- a/frontend-react/src/components/elements/TextArea.tsx
+++ b/frontend-react/src/components/elements/TextArea.tsx
@@ -1,7 +1,7 @@
+import { Box, Textarea } from "@chakra-ui/core";
 import React, { useContext } from "react";
-import { Textarea, Box } from "@chakra-ui/core";
-import Label from "./Label";
 import MyThemeContext from "../../themeContext";
+import Label from "./Label";
 
 interface TextAreaProps {
   value?: string;
@@ -21,7 +21,7 @@ const TextArea: React.FC<TextAreaProps> = ({
   required,
   height,
 }) => {
-  const { themeColorHex, grayWithShade, darkerBgColor } = useContext(
+  const { themeColorWithShade, grayWithShade, darkerBgColor } = useContext(
     MyThemeContext
   );
 
@@ -31,12 +31,12 @@ const TextArea: React.FC<TextAreaProps> = ({
       <Textarea
         value={value ?? ""}
         onChange={(e) => setValue(e.target.value)}
-        focusBorderColor={themeColorHex}
+        _focus={{ border: "1px solid", borderColor: themeColorWithShade }}
         size="md"
         height={height}
         _hover={{}}
         background={darkerBgColor}
-        borderColor="#CCCCCC"
+        borderColor={darkerBgColor}
       />
       {limit && (
         <Box
diff --git a/frontend-react/src/hooks/useTheme.ts b/frontend-react/src/hooks/useTheme.ts
index 13e2acece..fc8a800ad 100644
--- a/frontend-react/src/hooks/useTheme.ts
+++ b/frontend-react/src/hooks/useTheme.ts
@@ -12,14 +12,14 @@ export function useTheme(): Parameters<typeof extendTheme>[0] {
   );
   return {
     components: {
-      Input: {
+      /*Input: {
         baseStyle: {
           field: {
             bgColor: "black",
             width: "50%"
           }
         }
-      },
+      },*/
       Button: {
         defaultProps: {
           colorScheme: themeColor