AyronSantos/chatc2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

atualizacoes

Browse Source
This commit is contained in:
Ayron Salatiel Dos Santos
2026-06-25 12:30:47 +00:00
parent bb80be896f
commit 1ddf9b7def
21 changed files with 679 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/public/css/dark-mode.css
+95 -13
View File
@@ -1,5 +1,21 @@
/* Anti-flash: aplicado antes do JS (via script inline no <head>) */
html.dark body { background: #1a1a2e; color: #e0e0e0; }
/* Override de variáveis CSS para dark mode */
body.dark-mode {
--surface: #16213e;
--surface-2: #1a1a2e;
--surface-3: #0f0f23;
--border: #0f3460;
--text-primary: #e0e0e0;
--text-secondary: #d1d5db;
--text-muted: #9ca3af;
--text-faint: #6b7280;
--primary: #818cf8;
--primary-dark: #667eea;
}
/* ===== DARK MODE - Estilos completos ===== */
html.dark-mode-pending body { visibility: hidden; }
body.dark-mode {
background: #1a1a2e;
color: #e0e0e0;
@@ -146,13 +162,13 @@ body.dark-mode ::placeholder {
/* ===== BUTTONS ===== */
body.dark-mode .btn-primary {
background: #533483;
border-color: #533483;
background: #667eea;
border-color: #667eea;
color: #fff;
}
body.dark-mode .btn-primary:hover {
background: #6a4c9c;
border-color: #6a4c9c;
background: #5a67d8;
border-color: #5a67d8;
}
body.dark-mode .btn-secondary {
background: #0f3460;
@@ -234,6 +250,7 @@ body.dark-mode .badge-primary {
/* ===== MODAL ===== */
body.dark-mode .modal,
body.dark-mode .modal-box,
body.dark-mode .modal-content,
body.dark-mode .modal-overlay > div {
background: #16213e;
@@ -989,26 +1006,91 @@ body.dark-mode .login-dark-toggle button {
}
/* Modal no dark mode */
body.dark-mode .modal {
body.dark-mode .modal,
body.dark-mode .modal-box {
background: #16213e;
border: 1px solid #0f3460;
color: #e0e0e0;
}
body.dark-mode .modal h3 { color: #e0e0e0; }
body.dark-mode .modal h3,
body.dark-mode .modal-box h3 { color: #e0e0e0; }
body.dark-mode .modal input,
body.dark-mode .modal select {
body.dark-mode .modal-box input,
body.dark-mode .modal select,
body.dark-mode .modal-box select,
body.dark-mode .modal textarea,
body.dark-mode .modal-box textarea {
background: #1a1a2e;
border-color: #0f3460;
color: #e0e0e0;
}
body.dark-mode .modal .btn-group button {
body.dark-mode .modal .btn-group button,
body.dark-mode .modal-box .btn-group button {
background: #1a1a2e;
border-color: #0f3460;
color: #e0e0e0;
color: #c0c0c0;
}
body.dark-mode .modal .btn-group .btn-primary {
background: #533483;
border-color: #533483;
/* Settings: tabs no dark mode */
body.dark-mode .tabs { background: #16213e; border-color: #0f3460; }
body.dark-mode .tabs button { background: #16213e; color: #9ca3af; }
body.dark-mode .tabs button:hover { background: #1a1a2e; color: #c0c0c0; }
body.dark-mode .tabs button.active { background: #1a2744; color: #818cf8; border-bottom-color: #818cf8; }
/* Botoes do painel direito no dark mode */
body.dark-mode [style*="background:#eef2ff"] {
background: #1e1b4b !important;
border-color: #4c1d95 !important;
color: #a78bfa !important;
}
body.dark-mode [style*="border:1px solid #c7d2fe"] {
border-color: #4c1d95 !important;
}
/* Confirm modal input no dark mode */
body.dark-mode #confirmarInput { background: #1a1a2e !important; border-color: #0f3460 !important; color: #e0e0e0 !important; }
body.dark-mode #confirmarInput:focus { border-color: #818cf8 !important; background: #1a1a2e !important; box-shadow: 0 0 0 3px rgba(129,140,248,0.15) !important; }
/* Tables no dark mode */
body.dark-mode table { color: #e0e0e0; }
body.dark-mode thead { background: #0f3460; }
body.dark-mode th { color: #9ca3af; border-color: #1a1a2e; }
body.dark-mode td { border-color: #1a1a2e; color: #d1d5db; }
body.dark-mode tr:hover td { background: #1a1a2e; }
/* Tags no dark mode */
body.dark-mode .tag {
display: inline-block; padding: 1px 8px;
border-radius: 10px; font-size: 11px; font-weight: 600;
color: #fff !important;
}
/* Flow cards e headers de seção no dark mode */
body.dark-mode [style*="background:var(--surface-2)"] {
background: #1a1a2e !important;
}
body.dark-mode [style*="background:#e0e7ff"] {
background: #312e81 !important;
color: #c4b5fd !important;
}
/* btn-secondary no dark mode */
body.dark-mode .btn-secondary {
background: #1a1a2e !important;
border-color: #0f3460 !important;
color: #d1d5db !important;
}
body.dark-mode .btn-secondary:hover {
background: #0f3460 !important;
}
/* Input focus no dark mode */
body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus {
background: #1a1a2e !important;
box-shadow: 0 0 0 3px rgba(129,140,248,0.15) !important;
}
body.dark-mode .modal .btn-group .btn-primary,
body.dark-mode .modal-box .btn-primary {
background: #667eea;
border-color: #667eea;
color: #fff;
}