Actualiser style.css

style.css

@@ -203,6 +203,10 @@ footer hr {
     color: #f0f0f0;
 }
 
+.form-box h3 {
+    color: #f0f0f0;
+}
+
 .form-box label.field-label {
     display: block;
     text-align: left;
@@ -403,6 +407,11 @@ footer hr {
     color: #f0f0f0;
 }
 
+.logs-container h2 {
+    color: #f0f0f0;
+    margin-bottom: 5px;
+}
+
 .logs-container h3 {
     color: #f0f0f0;
     margin-bottom: 10px;
@@ -421,6 +430,81 @@ footer hr {
     color: #ccc;
 }
 
+/* ===========================
+   PROFIL
+=========================== */
+.profil-info {
+    text-align: left;
+    margin-bottom: 10px;
+}
+
+.profil-info p {
+    padding: 8px 0;
+    border-bottom: 1px solid #3d5166;
+    font-size: 0.95em;
+    color: #ccc;
+}
+
+.profil-info p strong {
+    color: #f0f0f0;
+}
+
+/* ===========================
+   TABLEAU ADMIN
+=========================== */
+.admin-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+.admin-table th {
+    background-color: #1a2332;
+    color: #f0f0f0;
+    padding: 12px 15px;
+    text-align: left;
+    font-size: 0.9em;
+}
+
+.admin-table td {
+    padding: 10px 15px;
+    border-bottom: 1px solid #3d5166;
+    font-size: 0.9em;
+    color: #ccc;
+}
+
+.admin-table tr:hover td {
+    background-color: #34495e;
+}
+
+.btn-action {
+    padding: 5px 12px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 0.85em;
+    margin-right: 5px;
+    transition: all 0.3s;
+}
+
+.btn-danger {
+    background-color: #e74c3c;
+    color: white;
+}
+
+.btn-danger:hover {
+    background-color: #c0392b;
+}
+
+.btn-warning {
+    background-color: #f39c12;
+    color: white;
+}
+
+.btn-warning:hover {
+    background-color: #d68910;
+}
+
 /* ===========================
    MODE CLAIR
 =========================== */
@@ -460,7 +544,8 @@ body.light-mode .form-box {
     box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 }
 
-body.light-mode .form-box h2 {
+body.light-mode .form-box h2,
+body.light-mode .form-box h3 {
     color: #1a2332;
 }
 
@@ -510,6 +595,7 @@ body.light-mode .logs-container {
     color: #333;
 }
 
+body.light-mode .logs-container h2,
 body.light-mode .logs-container h3 {
     color: #1a2332;
 }
@@ -528,4 +614,27 @@ body.light-mode footer {
 body.light-mode #toggle-theme {
     border-color: #ccd6e0;
     color: #ccd6e0;
+}
+
+body.light-mode .profil-info p {
+    border-bottom: 1px solid #ddd;
+    color: #555;
+}
+
+body.light-mode .profil-info p strong {
+    color: #1a2332;
+}
+
+body.light-mode .admin-table th {
+    background-color: #1a2332;
+    color: #fff;
+}
+
+body.light-mode .admin-table td {
+    color: #333;
+    border-bottom: 1px solid #ddd;
+}
+
+body.light-mode .admin-table tr:hover td {
+    background-color: #e8f4fd;
 }