feat: 그린 테마 작업

packages/common/assets/src/styles/base.css

@@ -94,4 +94,8 @@
     --destructive: #7388ec;
     --container: #f6f6f9;
   }
+  [data-theme="green"] {
+    --primary: #00b9b8;
+    --container: #f2f2f3;
+  }
 }

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

@@ -14,4 +14,18 @@
       color: #fff;
     }
   }
+
+  [data-theme="green"] {
+    header {
+      background: #008e8d;
+      border: none;
+    }
+    header h1 span {
+      color: #fff;
+    }
+    [data-trigger="dropdown"] {
+      background: transparent !important;
+      color: #fff;
+    }
+  }
 }

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

@@ -215,3 +215,12 @@
     color: #fff;
   }
 }
+
+[data-theme="green"] {
+  footer {
+    background: #24ec7d;
+  }
+  footer p {
+    color: #fff;
+  }
+}

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

@@ -36,4 +36,33 @@
       @apply bg-primary !text-white;
     }
   }
+
+  [data-theme="green"] {
+    [data-sidebar="sidebar-wrapper"] {
+      background: none;
+      background-image: linear-gradient(
+        0.4turn,
+        #008e8d 20%,
+        #24ec7d 100%
+      ) !important;
+      border: none;
+    }
+    [data-sidebar="sidebar"],
+    [data-sidebar="content"] {
+      background: transparent !important;
+    }
+    [data-sidebar="menu-item"] * {
+      color: #fff !important;
+    }
+    [data-sidebar="menu-item"] *:hover {
+      background: none !important;
+      color: #fff !important;
+    }
+    [data-sidebar="menu-button"]:hover {
+      background: rgba(0, 0, 0, 0.1) !important;
+    }
+    [data-sidebar="menu-button"][data-matched="true"] {
+      background: rgba(0, 0, 0, 0.2) !important;
+    }
+  }
 }

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

@@ -56,4 +56,13 @@
       @apply bg-[#f6f6f9] text-[#808080];
     }
   }
+
+  [data-theme="green"] {
+    .table-ui.default th {
+      @apply bg-[#6bafae];
+    }
+    .table-ui.secondary th {
+      @apply bg-[#ebf7f7] text-[#64908f];
+    }
+  }
 }