From 7b1c12e9526b53124162685c369e9a05e9cdf3c0 Mon Sep 17 00:00:00 2001
From: LEEKYUHYUN <lkhyun0807106@gmail.com>
Date: Mon, 22 Jun 2026 13:10:50 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B8=94=EB=A3=A8=20=ED=85=8C=EB=A7=88=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=5FFO?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/fo/src/app/styles/components-blue.css | 70 +++++++++++++++++++++-
 1 file changed, 68 insertions(+), 2 deletions(-)

diff --git a/apps/fo/src/app/styles/components-blue.css b/apps/fo/src/app/styles/components-blue.css
index 7c1e9db27..b4d49cbcd 100644
--- a/apps/fo/src/app/styles/components-blue.css
+++ b/apps/fo/src/app/styles/components-blue.css
@@ -16,10 +16,76 @@
 
   [data-theme="blue"] {
     .card-border {
-      @apply border-[#3f4042] bg-[rgba(255,255,255,0.065)];
+      @apply border-[#d8e3eb] bg-white shadow-blur;
     }
     .card-header {
-      @apply border-b-[#3f4042];
+      @apply border-b-[#d8e3eb];
+    }
+
+    .card {
+      @apply text-[#4b5563];
+    }
+
+    .card.card-border {
+      box-shadow: 0 1px 8px rgba(15, 23, 42, 0.06);
+    }
+
+    .card.card-border .card.card-border {
+      @apply border-[#dde6ed] bg-white;
+      box-shadow: none;
+    }
+
+    .card.card-border input,
+    .card.card-border button[role="combobox"] {
+      @apply border-[#d8e3eb] bg-white text-[#737373];
+    }
+
+    .card.card-border label {
+      @apply text-[#666666];
+    }
+
+    .table-ui.secondary {
+      @apply bg-white;
+      border-collapse: collapse;
+    }
+
+    .table-ui.secondary th {
+      @apply border-[#e5e5e5] bg-[#5987bf] text-[#ffffff];
+      font-weight: 500;
+    }
+
+    .table-ui.secondary td {
+      @apply border-[#e5e5e5] bg-white text-[#666666];
+    }
+
+    .table-ui.secondary tbody tr:hover td {
+      @apply bg-[#f7fbff];
+    }
+
+    nav[aria-label="pagination"] li a {
+      border-color: transparent !important;
+      background-color: transparent !important;
+      color: #0a0a0a !important;
+    }
+
+    nav[aria-label="pagination"] li a:hover {
+      background-color: #f6f6f6 !important;
+      color: #0a0a0a !important;
+    }
+
+    nav[aria-label="pagination"] li a[aria-current="page"] {
+      border-color: #2094fa !important;
+      background-color: #2094fa !important;
+      color: #fafafa !important;
+    }
+
+    nav[aria-label="pagination"] li a[aria-label="Go to previous page"],
+    nav[aria-label="pagination"] li a[aria-label="Go to next page"] {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      border: 1px solid #e5e7eb !important;
+      color: #666666 !important;
     }
   }