빌드오류

packages/common/components/src/ui/header/header.css

@@ -1,6 +1,27 @@
 @tailwind components;
 
 @layer components {
+  
+  /* 상단 메뉴 호버 시 하단 라인 - 기본 테마 */
+  .header-nav-link {
+    position: relative;
+  }
+
+  .header-nav-link::after {
+    content: '';
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background-color: #063A74;
+    transition: width 0.3s ease;
+  }
+
+  .header-nav-link:hover::after {
+    width: 100%;
+  }
+  
   [data-theme="blue"] {
     header {
       background: #00afe5;
@@ -13,6 +34,20 @@
       background: transparent !important;
       color: #fff;
     }
+    header button[role="button"].primary {
+      background-color: #008E8D !important;
+      color: #fff !important;
+    }
+    nav a,
+    .header-nav-link {
+      color: #fff !important;
+    }
+    .header-nav-link:hover {
+      color: #fff !important;
+    }
+    .header-nav-link::after {
+      background-color: #fff;
+    }
   }
 
   [data-theme="green"] {
@@ -31,28 +66,16 @@
       background-color: #008E8D !important;
       color: #fff !important;
     }
-    nav a {
-      @apply text-white;
+    nav a,
+    .header-nav-link {
+      color: #fff !important;
+    }
+    .header-nav-link:hover {
+      color: #fff !important;
+    }
+    .header-nav-link::after {
+      background-color: #fff;
     }
   }
 
-  /* 상단 메뉴 호버 시 하단 라인 */
-  .header-nav-link {
-    position: relative;
-  }
-
-  .header-nav-link::after {
-    content: '';
-    position: absolute;
-    bottom: -4px;
-    left: 0;
-    width: 0;
-    height: 2px;
-    background-color: #063A74;
-    transition: width 0.3s ease;
-  }
-
-  .header-nav-link:hover::after {
-    width: 100%;
-  }
 }