Merge pull request #40 from FE9-2/update-tailwind-config

tailwind config 색상 커스텀 추가

Author: hongggyelim

src/app/components/textInput/TextInput.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ChangeEvent, useState } from "react";
+import { LuEye, LuEyeOff } from "react-icons/lu";
+
+interface InputProp {
+  type: string;
+  name?: string;
+  register?: boolean;
+  errors?: boolean;
+  rules?: boolean;
+  size?: string;
+  value?: string;
+  className?: string;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+const TextInput = (props: InputProp) => {
+  const [eyeOn, setEyeOn] = useState(false);
+  const toggleType = () => {
+    setEyeOn(!eyeOn);
+  };
+  return (
+    <>
+      <label>{props.name}</label>
+      <input type={props.type} value={props.value} onChange={props.onChange} />
+      {props.type === "password" && <div onClick={toggleType}>{eyeOn ? <LuEye /> : <LuEyeOff />}</div>}
+    </>
+  );
+};
+
+export default TextInput;

tailwind.config.ts

@@ -9,8 +9,47 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        background: "var(--background)",
         foreground: "var(--foreground)",
+        black: {
+          100: "#6B6B6B",
+          200: "#525252",
+          300: "#373737",
+          400: "#1F1F1F",
+          500: "#040404",
+        },
+        grayscale: {
+          100: "#DEDEDE",
+          200: "#C4C4C4",
+          300: "#ABABAB",
+          400: "#999999",
+          500: "#808080",
+        },
+        primary: {
+          orange: {
+            50: "#FFF7EB",
+            100: "#FCC369",
+            200: "#FBAF37",
+            300: "#F89A05",
+            400: "#E18C05",
+          },
+          blue: {
+            100: "#535779",
+            200: "#3E415B",
+            300: "#2A2C3D",
+          },
+        },
+        background: {
+          100: "#FCFCFC",
+          200: "#F7F7F7",
+          300: "#EFEFEF",
+        },
+        line: {
+          100: "#F2F2F2",
+          200: "#E6E6E6",
+        },
+        state: {
+          error: "FC4100",
+        },
       },
       fontFamily: {
         sans: [