up

2026-01-21 22:19:26 -05:00
parent 31dbc8aa86
commit ab993302f9
2 changed files with 161 additions and 2 deletions
@@ -1155,4 +1155,106 @@ body {
    color: white;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
-}
+}
+
+/* ===== Ajustes para modo nocturno (dark mode) ===== */
+@media (prefers-color-scheme: dark) {
+    :root {
+        --light-bg: #071322;
+        --text-primary: #e6eef1;
+        --text-secondary: #9ca3af;
+        --border-color: #163240;
+    }
+
+    body {
+        background-color: var(--light-bg);
+        color: var(--text-primary);
+    }
+
+    /* Encabezados y títulos */
+    .content-header h1,
+    .card-header h5,
+    .sidebar-header h4,
+    .status-text,
+    .status-indicator,
+    .conversation-empty {
+        color: var(--text-primary) !important;
+    }
+
+    /* Contenedores */
+    .content-header,
+    .card,
+    .chat-container {
+        background: #071322;
+        color: var(--text-primary);
+        border-color: var(--border-color);
+        box-shadow: none;
+    }
+
+    .card-header {
+        background: transparent;
+        border-bottom-color: rgba(255,255,255,0.04);
+    }
+
+    /* Formularios y botones */
+    .form-control {
+        background: #072033;
+        color: var(--text-primary);
+        border-color: #163240;
+    }
+
+    .btn {
+        color: inherit;
+    }
+
+    /* Sidebar */
+    .sidebar {
+        background: linear-gradient(135deg,#08131a,#0b2221);
+        color: #e6eef1;
+    }
+
+    .conversation-actions .btn {
+        background: #0b1220;
+        border-color: #1f2937;
+        color: var(--text-secondary);
+    }
+
+    /* Chat específico */
+    .chat-header {
+        background: linear-gradient(135deg, #1f5a3f 0%, #0f513e 100%);
+        color: #fff;
+    }
+
+    .message-bubble {
+        color: #e6eef1;
+    }
+
+    .message-incoming {
+        background: #0b1220;
+        color: #e6eef1;
+        box-shadow: none;
+    }
+
+    .message-outgoing {
+        background: #0f513e;
+        color: #fff;
+    }
+
+    .message-document,
+    .media-preview {
+        background: rgba(255,255,255,0.03);
+        color: var(--text-primary);
+    }
+
+    .conversation-search {
+        background: rgba(255,255,255,0.04);
+        color: var(--text-primary);
+    }
+
+    a, .nav-link {
+        color: #a6f3c9;
+    }
+
+    /* Placeholders visibles */
+    ::placeholder { color: #9ca3af !important; opacity: 1; }
+}