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;
     }
   }