[FE] FIX: purple reference token 9가지로 정리 #1714

innovationacademy-kr · Nov 28, 2024 · 3827d4d · 3827d4d
1 parent c75bb60
commit 3827d4d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/frontend/src/Cabinet/assets/data/ManualContent.ts b/frontend/src/Cabinet/assets/data/ManualContent.ts
@@ -30,7 +30,7 @@ export const manualContentData: Record<ContentStatus, ContentStatusData> = {
     contentTitle: "개인 사물함",
     iconComponent: PrivateIcon,
     background:
-      "linear-gradient(to bottom, var(--ref-purple-400), var(--ref-purple-600))",
+      "linear-gradient(to bottom, var(--ref-purple-300), var(--ref-purple-600))",
     rentalPeriod: `${import.meta.env.VITE_PRIVATE_LENT_PERIOD}일`,
     capacity: "1인",
     contentText: `<span>◦ 이용 방법</span><br/>
@@ -191,7 +191,7 @@ export const manualContentData: Record<ContentStatus, ContentStatusData> = {
     contentTitle: "까비 상점 OPEN!",
     iconComponent: StoreImg,
     background:
-      "linear-gradient(to bottom, var(--ref-purple-400), var(--ref-purple-600))",
+      "linear-gradient(to bottom, var(--ref-purple-300), var(--ref-purple-600))",
     contentText: `
   `,
     pointColor: "var(--white-text-with-bg-color)",

diff --git a/frontend/src/Cabinet/components/Home/ManualContentBoxStyles.ts b/frontend/src/Cabinet/components/Home/ManualContentBoxStyles.ts
@@ -15,7 +15,7 @@ export const storeBoxStyles = css`
   position: relative;
   background: linear-gradient(
     to bottom,
-    var(--ref-purple-400),
+    var(--ref-purple-300),
     var(--ref-purple-600)
   );
   border-radius: 40px;

diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -50,9 +50,8 @@
   --ref-purple-100: #f9f6ff;
   --ref-purple-200: #dfd0fe;
   --ref-purple-300: #b18cff;
-  --ref-purple-350: #a29bfe;
-  --ref-purple-400: #a17bf3;
-  --ref-purple-500: hsl(266, 100%, 64%);
+  --ref-purple-400: #a29bfe;
+  --ref-purple-500: #9747ff;
   --ref-purple-600: #8337e5;
   --ref-purple-700: #6931b2;
   --ref-purple-800: #3c1c66;
@@ -85,7 +84,7 @@
   --custom-pink-100: var(--ref-pink-100);
   --custom-pink-200: var(--ref-pink-200);
   --custom-pink-300: var(--ref-pink-300);
-  --custom-purple-100: var(--ref-purple-350);
+  --custom-purple-100: var(--ref-purple-400);
   --custom-purple-200: var(--ref-purple-500);
   --custom-orange: var(--ref-orange-100);
   --custom-yellow: var(--ref-yellow);