refactor: 예약조건이 선택됐을 때 스타일 변경 (#856)

woowacourse-teams · Aug 28, 2022 · 466a58b · 466a58b
1 parent f85dd42
commit 466a58b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts b/frontend/src/pages/ManagerSpaceEditor/units/Form.styles.ts
@@ -142,6 +142,11 @@ export const TabListItem = styled.li<TabListItemProps>`
   border-radius: 0.25rem;
 
   background-color: ${({ isPrimary, theme }) => isPrimary && theme.primary[400]};
+  color: ${({ isPrimary, theme }) => isPrimary && theme.white};
+
+  svg {
+    fill: ${({ isPrimary, theme }) => isPrimary && theme.white};
+  }
 `;
 
 export const TabTextButton = styled(Button)`
@@ -155,10 +160,10 @@ export const TabRemoveButton = styled(IconButton)`
   margin-right: 4px;
 
   &:hover {
-    background-color: ${({ theme }) => theme.gray[300]};
+    background-color: ${({ theme }) => theme.gray[200]};
 
     svg {
-      fill: #fff;
+      fill: ${({ theme }) => theme.black[400]};
     }
   }