/* Black Hackle Club — Dark Navy Theme */ /* Activated via data-bs-theme="dark" on + custom overrides */ [data-bs-theme="dark"] body { background-color: #0d1117; color: #e6edf3; } /* Cards & surfaces */ [data-bs-theme="dark"] .card { background-color: #161b22; border-color: #30363d; } [data-bs-theme="dark"] .card-header { background-color: #1c2128; border-color: #30363d; } /* Navbar */ [data-bs-theme="dark"] .navbar-light, [data-bs-theme="dark"] .navbar { background-color: #161b22 !important; border-bottom: 1px solid #30363d; } [data-bs-theme="dark"] .navbar-brand, [data-bs-theme="dark"] .nav-link { color: #e6edf3 !important; } /* Tables */ [data-bs-theme="dark"] .table { --bs-table-bg: #161b22; --bs-table-striped-bg: #1c2128; --bs-table-hover-bg: #1f2937; --bs-table-border-color: #30363d; color: #e6edf3; } [data-bs-theme="dark"] .table-light { --bs-table-bg: #1c2128; color: #e6edf3; } /* Forms */ [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select { background-color: #0d1117; border-color: #30363d; color: #e6edf3; } [data-bs-theme="dark"] .form-control:focus, [data-bs-theme="dark"] .form-select:focus { background-color: #161b22; border-color: #4d90fe; color: #e6edf3; box-shadow: 0 0 0 0.2rem rgba(77,144,254,0.25); } [data-bs-theme="dark"] .form-control::placeholder { color: #6e7681; } [data-bs-theme="dark"] .input-group-text { background-color: #1c2128; border-color: #30363d; color: #8b949e; } /* Modals */ [data-bs-theme="dark"] .modal-content { background-color: #161b22; border-color: #30363d; color: #e6edf3; } [data-bs-theme="dark"] .modal-header, [data-bs-theme="dark"] .modal-footer { border-color: #30363d; } /* Dropdowns */ [data-bs-theme="dark"] .dropdown-menu { background-color: #161b22; border-color: #30363d; } [data-bs-theme="dark"] .dropdown-item { color: #e6edf3; } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background-color: #1f2937; color: #ffffff; } [data-bs-theme="dark"] .dropdown-divider { border-color: #30363d; } /* Badges & alerts */ [data-bs-theme="dark"] .badge.bg-light { background-color: #30363d !important; color: #e6edf3 !important; } [data-bs-theme="dark"] .alert-info { background-color: #1a3a5c; border-color: #2563a8; color: #93c5fd; } [data-bs-theme="dark"] .alert-warning { background-color: #3d2c00; border-color: #854d0e; color: #fde68a; } [data-bs-theme="dark"] .alert-danger { background-color: #3b1217; border-color: #9b1c1c; color: #fca5a5; } [data-bs-theme="dark"] .alert-success { background-color: #0f2d1a; border-color: #166534; color: #86efac; } /* List groups */ [data-bs-theme="dark"] .list-group-item { background-color: #161b22; border-color: #30363d; color: #e6edf3; } [data-bs-theme="dark"] .list-group-item:hover { background-color: #1c2128; } /* Pagination */ [data-bs-theme="dark"] .page-link { background-color: #161b22; border-color: #30363d; color: #4d90fe; } [data-bs-theme="dark"] .page-item.active .page-link { background-color: #1a4a8a; border-color: #2563a8; } [data-bs-theme="dark"] .page-item.disabled .page-link { background-color: #0d1117; color: #6e7681; } /* BHC-specific overrides */ [data-bs-theme="dark"] .btn-primary { background-color: #1a4a8a; border-color: #2563a8; } [data-bs-theme="dark"] .btn-primary:hover { background-color: #2563a8; border-color: #3b82f6; } [data-bs-theme="dark"] .btn-outline-primary { color: #4d90fe; border-color: #4d90fe; } [data-bs-theme="dark"] .btn-outline-primary:hover { background-color: #1a4a8a; color: #fff; } /* Notification / info boxes */ [data-bs-theme="dark"] .notification-box { background-color: #0e2a3a !important; border-color: #1e6091 !important; color: #93c5fd !important; } [data-bs-theme="dark"] .body-box { background-color: #2d2000 !important; border-color: #854d0e !important; color: #fde68a !important; } /* Dashboard header — already dark so stays as-is */ [data-bs-theme="dark"] .dashboard-header { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); } /* Summary/stat boxes */ [data-bs-theme="dark"] .bg-white { background-color: #161b22 !important; } [data-bs-theme="dark"] .bg-light { background-color: #1c2128 !important; } [data-bs-theme="dark"] .border { border-color: #30363d !important; } [data-bs-theme="dark"] .border-top, [data-bs-theme="dark"] .border-bottom, [data-bs-theme="dark"] .border-start, [data-bs-theme="dark"] .border-end { border-color: #30363d !important; } /* Text helpers */ [data-bs-theme="dark"] .text-muted { color: #8b949e !important; } [data-bs-theme="dark"] .text-dark { color: #e6edf3 !important; } [data-bs-theme="dark"] .text-black { color: #e6edf3 !important; } /* Footers */ [data-bs-theme="dark"] .footer, [data-bs-theme="dark"] .member-footer { background: #161b22 !important; border-top-color: #30363d !important; } [data-bs-theme="dark"] .footer-links a { color: #8b949e; } [data-bs-theme="dark"] .footer-links a:hover { color: #e6edf3; background: #1f2937; } [data-bs-theme="dark"] .footer-copy { color: #6e7681 !important; } /* HR dividers */ [data-bs-theme="dark"] hr { border-color: #30363d; } /* Floating nav stays navy — already dark, just add border */ [data-bs-theme="dark"] #floating-nav { background-color: rgba(22, 27, 34, 0.97); border: 1px solid #30363d; } [data-bs-theme="dark"] #floating-nav-toggle { background-color: #1a4a8a; } /* Theme toggle button in footer */ .bhc-theme-toggle { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid currentColor; border-radius: 20px; padding: 3px 12px; font-size: 13px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; color: inherit; } .bhc-theme-toggle:hover { opacity: 1; }