first commit

frontend/app/css/header_DARK.css

@@ -0,0 +1,43 @@
+.dark-header {
+    background: #1a1a2e;
+    padding: 1rem 5%;
+    position: fixed;
+    width: 100%;
+    top: 0;
+    z-index: 1000;
+}
+
+.dark-header .container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.dark-header .logo img {
+    height: 50px;
+}
+
+.dark-header nav ul {
+    display: flex;
+    list-style: none;
+    gap: 2rem;
+}
+
+.dark-header nav a {
+    color: #e6e6e6;
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.3s;
+}
+
+.dark-header nav a:hover {
+    color: #ff6b35;
+}
+
+.dark-header .theme-toggle button {
+    background: none;
+    border: none;
+    color: #e6e6e6;
+    font-size: 1.2rem;
+    cursor: pointer;
+}