style: 필터 색상 변경

JNU-econovation · Jul 25, 2024 · dec5e8a · dec5e8a
1 parent efe1a91
commit dec5e8a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/FE/error/src/components/SideBar/publicFilter/PublicFilter.jsx b/FE/error/src/components/SideBar/publicFilter/PublicFilter.jsx
@@ -13,11 +13,11 @@ const PublicFilter = () => {
         <div style={{ fontSize: "1.1rem" }}>에코노 캘린더</div>
       </div>
       <StyledSceduleType>
-        <ScheduleToggle color={"#ff5b5b"} />
+        <ScheduleToggle color={"#ff9898"} />
         공식행사
       </StyledSceduleType>
       <StyledSceduleType>
-        <ScheduleToggle color={"#63ABFF"} />
+        <ScheduleToggle color={"#98c8ff"} />
         주간발표
       </StyledSceduleType>
     </StyledPublicFilterFrame>

diff --git a/FE/error/src/utils/filterUtils/FilterColorSelect.jsx b/FE/error/src/utils/filterUtils/FilterColorSelect.jsx
@@ -12,10 +12,10 @@ const FilterColorSelect = ({ setFilterColor }) => {
       "#CBAACB",
       "#FED7C3",
       "#789BDE",
-      "#55CBCD",
-      "#FFC0CB",
+      "#DEAC80",
+      "#D6EFD8",
       "#FF968A",
-      "#7367F0",
+      "#D4BDAC",
       "#FFC8A2",
       "#AAEF98",
     ];

diff --git a/FE/error/src/utils/filterUtils/ScheduleToggle.jsx b/FE/error/src/utils/filterUtils/ScheduleToggle.jsx
@@ -29,12 +29,10 @@ const StyledClickedBox = styled.input`
   width: 1.15rem;
   height: 1.15rem;
   border: 1.5px solid ${(props) => props.color};
-  opacity: 0.7;
   border-radius: 0.2rem;
   &:checked {
     background-image: url("data:image/svg+xml,%3Csvg viewBox='-2 -2 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7.2C18 7.2 8.55 16.65 8.1 17.1C7.65 17.55 3.15 12.15 2.7 11.7C2.25 11.25 4.5 9.9 4.5 9.9L8.1 13.5L16.2 5.4C16.2 5.4 17.55 6.3 18 7.2Z' fill='white' stroke='white' stroke-width='0.63' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
     background-color: ${(props) => props.color};
-    opacity: 0.7;
   }
   margin-right: 0.5rem;
 `;