[Design] CSS 일부 수정

- 컴포넌트 border 및 일부 텍스트 color 수정 Issues #17
codestates-seb · Sep 9, 2023 · 25517e5 · 25517e5
1 parent e2bbeb4
commit 25517e5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/client/src/components/CentralChartMenu/ExpandScreenBtn.tsx b/client/src/components/CentralChartMenu/ExpandScreenBtn.tsx
@@ -49,7 +49,8 @@ const Button = styled.div<OwnProps>`
   display: flex;
   justify-content: center;
   align-items: center;
+  color: #2f4f4f;
   font-size: 22px;
-  border-right: ${(props) => props.direction === "left" && "1px solid darkgray"};
-  border-left: ${(props) => props.direction === "right" && "1px solid darkgray"};
+  border-right: ${(props) => props.direction === "left" && "1px solid #2F4F4F"};
+  border-left: ${(props) => props.direction === "right" && "1px solid #2F4F4F"};
 `;
diff --git a/client/src/components/CentralChartMenu/Index.tsx b/client/src/components/CentralChartMenu/Index.tsx
@@ -45,7 +45,7 @@ const Container = styled.div`
     height: 44px;
     display: flex;
     flex-direction: row;
-    border-bottom: 1px solid darkgray;
+    border-bottom: 1px solid #2f4f4f;
   }
 
   .SecondLine {
@@ -55,6 +55,6 @@ const Container = styled.div`
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    border-bottom: 1px solid darkgray;
+    border-bottom: 1px solid #2f4f4f;
   }
 `;
diff --git a/client/src/components/CentralChartMenu/StockOverview.tsx b/client/src/components/CentralChartMenu/StockOverview.tsx
@@ -126,7 +126,7 @@ const TransactionVolume = styled.div`
   white-space: nowrap;
   min-width: min-content;
   font-size: 14px;
-  color: #525252;
+  color: #2f4f4f;
 
   & span {
     color: #999999;

diff --git a/client/src/components/StockOrderSection/Index.tsx b/client/src/components/StockOrderSection/Index.tsx
@@ -106,7 +106,7 @@ const UpperBar = styled.div`
   align-items: center;
   width: 100%;
   min-height: 44px;
-  border-bottom: 1px solid darkgray;
+  border-bottom: 1px solid #2f4f4f;
 
   .Title {
     font-size: 17px;