From 8fecf7ebd25b3d0598b65ea306304101ac56d178 Mon Sep 17 00:00:00 2001
From: softmarshmallow <woojoo@softmarshmallow.com>
Date: Tue, 7 Nov 2023 15:14:13 +0900
Subject: [PATCH] update styles

---
 packages/console-ui/form-field/index.ts  |  4 ++--
 packages/console-ui/text-field/index.tsx | 11 ++++-------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/console-ui/form-field/index.ts b/packages/console-ui/form-field/index.ts
index 83eea46..f076ad4 100644
--- a/packages/console-ui/form-field/index.ts
+++ b/packages/console-ui/form-field/index.ts
@@ -1,7 +1,7 @@
 import styled from "@emotion/styled";
 
 export const FormFieldLabel = styled.span`
-  color: black;
+  opacity: 0.9;
   text-overflow: ellipsis;
   font-size: 12px;
   font-family: Inter, sans-serif;
@@ -23,7 +23,7 @@ export const FormFieldBase = styled.div`
 `;
 
 export const FormFieldAssisiveText = styled.span`
-  color: rgba(0, 0, 0, 0.6);
+  opacity: 0.6;
   text-overflow: ellipsis;
   font-size: 12px;
   font-family: Inter, sans-serif;
diff --git a/packages/console-ui/text-field/index.tsx b/packages/console-ui/text-field/index.tsx
index e95fadb..3686668 100644
--- a/packages/console-ui/text-field/index.tsx
+++ b/packages/console-ui/text-field/index.tsx
@@ -50,18 +50,15 @@ const BaseTextField = styled.input`
   flex-direction: row;
   align-items: flex-start;
   border: solid 1px rgba(0, 0, 0, 0.1);
+  background: rgba(255, 255, 255, 0.08);
   border-radius: 4px;
   width: 100%;
   box-sizing: border-box;
   padding: 10px;
+  font-weight: normal;
+  font-size: 14px;
 
-  color: rgba(0, 0, 0, 0.8);
   ::placeholder {
-    color: rgba(0, 0, 0, 0.3);
-    text-overflow: ellipsis;
-    font-size: 14px;
-    font-family: Inter, sans-serif;
-    font-weight: 400;
-    text-align: left;
+    opacity: 0.3;
   }
 `;