/* =============================================================================== [Painel] | THEME DARK - v1.2 - /src/static/css/themes/dark.css =============================================================================== */ /* ============================================================================= TEMA ESCURO - PAINEL ============================================================================= Sobrescreve apenas variaveis de cor. Aplicado via [data-theme="dark"] no elemento . ============================================================================= */ [data-theme="dark"] { /* ------------------------------------------------------------------------- CORES BASE ------------------------------------------------------------------------- */ --color-primary: #3b82f6; --color-primary-hover: #2563eb; /* ------------------------------------------------------------------------- NEUTROS (escala invertida) ------------------------------------------------------------------------- */ --color-gray-50: #1e293b; --color-gray-100: #1e293b; --color-gray-200: #334155; --color-gray-300: #475569; --color-gray-400: #64748b; --color-gray-500: #94a3b8; --color-gray-600: #cbd5e1; --color-gray-700: #e2e8f0; --color-gray-800: #f1f5f9; --color-gray-900: #f8fafc; /* ------------------------------------------------------------------------- BACKGROUNDS ------------------------------------------------------------------------- */ --bg-body: #0f172a; --bg-card: #1e293b; --bg-navbar: #1e293b; --bg-footer: #0f172a; /* ------------------------------------------------------------------------- TEXTO ------------------------------------------------------------------------- */ --text-primary: #f1f5f9; --text-secondary: #94a3b8; --text-muted: #64748b; --text-inverse: #0f172a; /* ------------------------------------------------------------------------- BORDAS ------------------------------------------------------------------------- */ --border-color: #334155; /* ------------------------------------------------------------------------- SHADOWS (mais sutis no escuro) ------------------------------------------------------------------------- */ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5); /* ------------------------------------------------------------------------- ALERTS (adaptar ao fundo escuro) ------------------------------------------------------------------------- */ --alert-success-bg: #14532d; --alert-success-text: #bbf7d0; --alert-success-border: #166534; --alert-error-bg: #7f1d1d; --alert-error-text: #fecaca; --alert-error-border: #991b1b; --alert-warning-bg: #78350f; --alert-warning-text: #fde68a; --alert-warning-border: #92400e; --alert-info-bg: #1e3a5f; --alert-info-text: #bfdbfe; --alert-info-border: #1e40af; } /* ------------------------------------------------------------------------- PLACEHOLDER NO TEMA ESCURO ------------------------------------------------------------------------- */ [data-theme="dark"] .profile-photo-placeholder { background-color: #334155; color: #64748b; } /* ------------------------------------------------------------------------- CROPPER SLIDER NO TEMA ESCURO ------------------------------------------------------------------------- */ [data-theme="dark"] .cropper-zoom-slider { background: #475569; } /* ------------------------------------------------------------------------- DROPDOWN ITEM DANGER NO TEMA ESCURO ------------------------------------------------------------------------- */ [data-theme="dark"] .dropdown-item-danger:hover { background-color: #450a0a; } /* =============================================================================== [Painel] | THEME DARK - v1.2 - /src/static/css/themes/dark.css =============================================================================== */