/* ============================================================= DARK / LIGHT MODE — COMPLETE COVERAGE Applied via [data-theme="dark"] on Toggle saved to localStorage key: portfolioTheme ============================================================= */ /* ── CSS Variables ── */ [data-theme="dark"] { --dm-bg: #0d0f16; --dm-bg2: #111420; --dm-card: #161928; --dm-card2: #1c2035; --dm-text: #e2e8f0; --dm-text2: #cbd5e1; --dm-muted: #94a3b8; --dm-border: #272c45; --dm-border2: #2d3355; --dm-input-bg: #1a1e30; --dm-shadow: 0 2px 16px rgba(0,0,0,0.45); --dm-shadow-lg: 0 8px 32px rgba(0,0,0,0.55); } /* ── Base body & html ── */ [data-theme="dark"] body { background: var(--dm-bg) !important; color: var(--dm-text) !important; } /* ── ALL text elements ── */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--dm-text) !important; } [data-theme="dark"] p { color: var(--dm-text2) !important; } [data-theme="dark"] a { color: #a5b4fc; } [data-theme="dark"] a:hover { color: #c7d2fe; } [data-theme="dark"] .text-muted, [data-theme="dark"] small { color: var(--dm-muted) !important; } [data-theme="dark"] label { color: var(--dm-text) !important; } [data-theme="dark"] span:not(.badge):not(.sidebar-name):not(.admin-brand):not(.lp-hero-badge):not(.section-label):not(.demo-badge):not(.badge-it):not(.badge-nit):not(.badge-cv):not(.aur-btn-p):not(.aur-btn-o):not(.ed-kicker) { color: inherit; } [data-theme="dark"] hr { border-color: var(--dm-border) !important; opacity: 1 !important; } /* ==================================================== LANDING PAGE (index.php) ==================================================== */ /* Nav */ [data-theme="dark"] .lp-nav { background: rgba(13,15,22,.95) !important; border-bottom-color: var(--dm-border) !important; backdrop-filter: blur(16px) !important; } [data-theme="dark"] .lp-nav-brand { color: #818cf8 !important; } [data-theme="dark"] .btn-nav-login { color: var(--dm-text) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .btn-nav-login:hover { background: var(--dm-card) !important; } /* Hero */ [data-theme="dark"] .lp-hero { background: linear-gradient(160deg, #0d0f16 0%, #111420 50%, #13101d 100%) !important; } [data-theme="dark"] .lp-hero h1 { color: var(--dm-text) !important; } [data-theme="dark"] .lp-hero p { color: var(--dm-muted) !important; } [data-theme="dark"] .lp-hero-badge { background: rgba(99,102,241,.2) !important; color: #a5b4fc !important; } [data-theme="dark"] .btn-hero-secondary { background: var(--dm-card) !important; color: var(--dm-text) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .btn-hero-secondary:hover { border-color: #6366f1 !important; color: #a5b4fc !important; } [data-theme="dark"] .hero-stat-lbl { color: var(--dm-muted) !important; } /* Sections */ [data-theme="dark"] .lp-section { background: var(--dm-bg) !important; color: var(--dm-text) !important; } [data-theme="dark"] .lp-section-dark { background: #08090f !important; } [data-theme="dark"] .section-title { color: var(--dm-text) !important; } [data-theme="dark"] .section-title-light { color: #e2e8f0 !important; } [data-theme="dark"] .section-sub { color: var(--dm-muted) !important; } [data-theme="dark"] .section-sub-light { color: #94a3b8 !important; } [data-theme="dark"] .section-label { background: rgba(99,102,241,.18) !important; color: #a5b4fc !important; } [data-theme="dark"] .section-label-light { color: #a5b4fc !important; background: rgba(99,102,241,.18) !important; } /* Demo cards */ [data-theme="dark"] .demo-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .demo-card:hover { border-color: #6366f1 !important; box-shadow: 0 12px 32px rgba(99,102,241,.25) !important; } [data-theme="dark"] .demo-title { color: var(--dm-text) !important; } [data-theme="dark"] .demo-cat { color: var(--dm-muted) !important; } [data-theme="dark"] .badge-it { background: rgba(99,102,241,.2) !important; color: #a5b4fc !important; } [data-theme="dark"] .badge-nit { background: rgba(236,72,153,.15) !important; color: #f9a8d4 !important; } [data-theme="dark"] .badge-cv { background: rgba(59,130,246,.15) !important; color: #93c5fd !important; } /* Fullscreen modal preview */ [data-theme="dark"] .fs-modal { background: var(--dm-bg) !important; } [data-theme="dark"] .fs-header { background: var(--dm-card) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .fs-title { color: var(--dm-text) !important; } [data-theme="dark"] .fs-close { color: var(--dm-muted) !important; } [data-theme="dark"] .fs-close:hover { background: rgba(239,68,68,.2) !important; color: #fca5a5 !important; } [data-theme="dark"] .fs-loading { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; } /* Feature cards */ [data-theme="dark"] .feature-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .feature-card:hover { border-color: #6366f1 !important; } [data-theme="dark"] .feature-title { color: var(--dm-text) !important; } [data-theme="dark"] .feature-desc { color: var(--dm-muted) !important; } /* CTA strip */ [data-theme="dark"] .cta-strip { background: linear-gradient(135deg,#312e81,#4c1d95) !important; } [data-theme="dark"] .cta-strip h2 { color: #fff !important; } [data-theme="dark"] .cta-strip p { color: #c7d2fe !important; } /* Footer */ [data-theme="dark"] .lp-footer { background: #060709 !important; color: #64748b !important; } [data-theme="dark"] .lp-footer a { color: #818cf8 !important; } /* ==================================================== DASHBOARD CSS (dashboard.css) ==================================================== */ /* Body/Background */ [data-theme="dark"] body.dash-body, [data-theme="dark"] .dash-main { background: var(--dm-bg) !important; } /* Sidebar — keep dark, just enhance borders */ [data-theme="dark"] .sidebar { background: #0d0f1a !important; border-right: 1px solid var(--dm-border) !important; } [data-theme="dark"] .sidebar-header { border-bottom-color: rgba(255,255,255,.06) !important; } [data-theme="dark"] .sidebar-name { color: #f1f5f9 !important; } [data-theme="dark"] .sidebar-slug { color: #6b7280 !important; } [data-theme="dark"] .sidebar-link { color: #7c8ba8 !important; } [data-theme="dark"] .sidebar-link:hover { background: rgba(99,102,241,.15) !important; color: #c7d2fe !important; } [data-theme="dark"] .sidebar-link.active { background: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .sidebar-divider { background: rgba(255,255,255,.05) !important; } [data-theme="dark"] .sidebar-logout:hover { background: rgba(239,68,68,.15) !important; color: #fca5a5 !important; } /* Topbar */ [data-theme="dark"] .dash-topbar { background: var(--dm-card) !important; border-bottom-color: var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .topbar-title { color: var(--dm-text) !important; } [data-theme="dark"] .sidebar-toggle { color: var(--dm-text) !important; } /* Content background */ [data-theme="dark"] .dash-content { background: var(--dm-bg) !important; } [data-theme="dark"] .page-title { color: var(--dm-text) !important; } /* Cards */ [data-theme="dark"] .dash-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .dash-card h3, [data-theme="dark"] .dash-card h4 { color: var(--dm-text) !important; } /* Stats */ [data-theme="dark"] .stat-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .stat-label { color: var(--dm-muted) !important; } /* Quick cards */ [data-theme="dark"] .quick-card { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .quick-card:hover { border-color: #6366f1 !important; color: #a5b4fc !important; } /* Skills */ [data-theme="dark"] .skill-row { background: var(--dm-bg2) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .skill-name { color: var(--dm-text) !important; } [data-theme="dark"] .skill-pct { color: var(--dm-muted) !important; } [data-theme="dark"] .skill-bar-wrap { background: var(--dm-border) !important; } /* Projects */ [data-theme="dark"] .project-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .project-body h4 { color: var(--dm-text) !important; } [data-theme="dark"] .project-body p { color: var(--dm-muted) !important; } /* Education table */ [data-theme="dark"] .edu-table th { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; } [data-theme="dark"] .edu-table td { color: var(--dm-text) !important; border-bottom-color: var(--dm-border) !important; } /* Section manager */ [data-theme="dark"] .section-item { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .section-item:active { background: #1e2640 !important; } [data-theme="dark"] .drag-handle { color: var(--dm-muted) !important; } /* Footer */ [data-theme="dark"] .dash-footer { background: var(--dm-card) !important; border-top-color: var(--dm-border) !important; color: var(--dm-muted) !important; } /* Color swatch rows */ [data-theme="dark"] .color-row label { color: var(--dm-text) !important; } /* ==================================================== ADMIN CSS (admin.css) ==================================================== */ [data-theme="dark"] .admin-sidebar { background: #060709 !important; border-right: 1px solid var(--dm-border) !important; } [data-theme="dark"] .admin-brand { color: #fff !important; border-bottom-color: rgba(255,255,255,.06) !important; } [data-theme="dark"] .admin-nav a { color: #7c8ba8 !important; } [data-theme="dark"] .admin-nav a:hover { background: rgba(99,102,241,.15) !important; color: #c7d2fe !important; } [data-theme="dark"] .admin-nav a.active { background: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .admin-main { background: var(--dm-bg) !important; } [data-theme="dark"] .admin-topbar { background: var(--dm-card) !important; border-bottom-color: var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .admin-topbar h1 { color: var(--dm-text) !important; } [data-theme="dark"] .admin-content { background: var(--dm-bg) !important; } [data-theme="dark"] .admin-stat { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .admin-stat .num { color: var(--dm-text) !important; } [data-theme="dark"] .admin-stat .label { color: var(--dm-muted) !important; } [data-theme="dark"] .admin-table-wrap { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .admin-table th { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .admin-table td { color: var(--dm-text) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .admin-table tr:hover td { background: var(--dm-bg2) !important; } [data-theme="dark"] .filter-bar input, [data-theme="dark"] .filter-bar select { background: var(--dm-input-bg) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .filter-bar input:focus, [data-theme="dark"] .filter-bar select:focus { border-color: #6366f1 !important; } [data-theme="dark"] .detail-row { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .detail-row label { color: var(--dm-muted) !important; } [data-theme="dark"] .detail-row p { color: var(--dm-text) !important; } /* Badges */ [data-theme="dark"] .badge-active { background: rgba(16,185,129,.18) !important; color: #6ee7b7 !important; } [data-theme="dark"] .badge-blocked { background: rgba(239,68,68,.18) !important; color: #fca5a5 !important; } [data-theme="dark"] .badge-deleted { background: rgba(107,114,128,.18) !important;color: #9ca3af !important; } /* ==================================================== BOOTSTRAP OVERRIDES ==================================================== */ [data-theme="dark"] .form-control, [data-theme="dark"] .form-select { background-color: var(--dm-input-bg) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .form-control:focus, [data-theme="dark"] .form-select:focus { background-color: var(--dm-input-bg) !important; border-color: #6366f1 !important; color: var(--dm-text) !important; box-shadow: 0 0 0 3px rgba(99,102,241,.2) !important; } [data-theme="dark"] .form-control::placeholder { color: #4b5563 !important; } [data-theme="dark"] .form-label { color: var(--dm-text) !important; } [data-theme="dark"] .form-text { color: var(--dm-muted) !important; } [data-theme="dark"] .form-check-label { color: var(--dm-text) !important; } [data-theme="dark"] .form-check-input { background-color: var(--dm-input-bg) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .input-group-text { background: var(--dm-input-bg) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .card-body, [data-theme="dark"] .card-header, [data-theme="dark"] .card-footer { background: transparent !important; color: var(--dm-text) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .card-title, [data-theme="dark"] .card-text { color: var(--dm-text) !important; } [data-theme="dark"] .table { color: var(--dm-text) !important; --bs-table-bg: var(--dm-card); --bs-table-striped-bg: var(--dm-bg2); --bs-table-hover-bg: var(--dm-bg2); --bs-table-border-color: var(--dm-border); } [data-theme="dark"] .table > :not(caption) > * > * { background-color: transparent !important; color: var(--dm-text) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .table > thead > tr > th { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: var(--dm-bg2) !important; } [data-theme="dark"] .table-hover > tbody > tr:hover > * { background-color: var(--dm-bg2) !important; } [data-theme="dark"] .modal-content { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .modal-header, [data-theme="dark"] .modal-footer { border-color: var(--dm-border) !important; } [data-theme="dark"] .modal-title { color: var(--dm-text) !important; } [data-theme="dark"] .modal-body { color: var(--dm-text) !important; } [data-theme="dark"] .btn-close { filter: invert(1) brightness(0.8); } [data-theme="dark"] .nav-tabs { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .nav-tabs .nav-link { color: var(--dm-muted) !important; } [data-theme="dark"] .nav-tabs .nav-link.active { background: var(--dm-card) !important; border-color: var(--dm-border) var(--dm-border) var(--dm-card) !important; color: var(--dm-text) !important; } [data-theme="dark"] .nav-pills .nav-link { color: var(--dm-muted) !important; } [data-theme="dark"] .nav-pills .nav-link.active { background: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .list-group-item { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .list-group-item:hover { background: var(--dm-bg2) !important; } [data-theme="dark"] .dropdown-menu { background: var(--dm-card) !important; border-color: var(--dm-border) !important; box-shadow: var(--dm-shadow-lg) !important; } [data-theme="dark"] .dropdown-item { color: var(--dm-text) !important; } [data-theme="dark"] .dropdown-item:hover, [data-theme="dark"] .dropdown-item:focus { background: var(--dm-bg2) !important; } [data-theme="dark"] .dropdown-divider { border-color: var(--dm-border) !important; } [data-theme="dark"] .pagination .page-link { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .pagination .page-item.active .page-link { background: #6366f1 !important; border-color: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .pagination .page-item.disabled .page-link { color: var(--dm-muted) !important; } [data-theme="dark"] .progress { background: var(--dm-border) !important; } [data-theme="dark"] .alert-info { background: rgba(99,102,241,.15) !important; border-color: rgba(99,102,241,.3) !important; color: #c7d2fe !important; } [data-theme="dark"] .alert-danger { background: rgba(239,68,68,.15) !important; border-color: rgba(239,68,68,.3) !important; color: #fca5a5 !important; } [data-theme="dark"] .alert-success { background: rgba(16,185,129,.15) !important; border-color: rgba(16,185,129,.3) !important; color: #6ee7b7 !important; } [data-theme="dark"] .alert-warning { background: rgba(245,158,11,.15) !important; border-color: rgba(245,158,11,.3) !important; color: #fcd34d !important; } [data-theme="dark"] .alert-secondary { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] select option { background: var(--dm-card) !important; color: var(--dm-text) !important; } [data-theme="dark"] .btn-outline-secondary { color: var(--dm-text) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .btn-outline-secondary:hover { background: var(--dm-bg2) !important; color: var(--dm-text) !important; } [data-theme="dark"] .btn-outline-danger { color: #fca5a5 !important; border-color: rgba(239,68,68,.5) !important; } [data-theme="dark"] .btn-light { background: var(--dm-card2) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } /* ==================================================== AUTH PAGES (login / register / forgot-password) ==================================================== */ [data-theme="dark"] .auth-body { background: linear-gradient(135deg,#1a1245 0%,#0d0f16 100%) !important; } [data-theme="dark"] .auth-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; box-shadow: 0 24px 64px rgba(0,0,0,.6) !important; } [data-theme="dark"] .auth-logo p { color: var(--dm-muted) !important; } /* ==================================================== 404 PAGE ==================================================== */ [data-theme="dark"] .error-page, [data-theme="dark"] .not-found { background: var(--dm-bg) !important; color: var(--dm-text) !important; } /* ==================================================== TEMPLATE 1 (template1.css) — Light Clean ==================================================== */ [data-theme="dark"] .t1-nav { background: rgba(13,15,22,.95) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t1-logo { color: #818cf8 !important; } [data-theme="dark"] .t1-menu a { color: var(--dm-text2) !important; } [data-theme="dark"] .t1-menu a:hover { color: #818cf8 !important; } [data-theme="dark"] .t1-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t1-hero-text h1 { color: var(--dm-text) !important; } [data-theme="dark"] .t1-hero-text .subtitle { color: var(--dm-muted) !important; } [data-theme="dark"] .t1-hero-text p { color: var(--dm-muted) !important; } [data-theme="dark"] .t1-about { background: var(--dm-bg2) !important; } [data-theme="dark"] .t1-about p { color: var(--dm-text2) !important; } [data-theme="dark"] .t1-social a { border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .t1-social a:hover { border-color: #6366f1 !important; color: #a5b4fc !important; } [data-theme="dark"] .t1-skill-bar { background: var(--dm-border) !important; } [data-theme="dark"] .t1-skill-header { color: var(--dm-text) !important; } [data-theme="dark"] .t1-project-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .t1-project-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t1-project-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t1-project-link.gh { border-color: var(--dm-border) !important; color: var(--dm-text2) !important; } [data-theme="dark"] .t1-project-link.live { border-color: #6366f1 !important; color: #a5b4fc !important; } [data-theme="dark"] .t1-edu-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t1-edu-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t1-contact-inner { color: var(--dm-text) !important; } [data-theme="dark"] .t1-footer { background: #060709 !important; color: #64748b !important; } [data-theme="dark"] .t1-footer-social a:hover { color: #fff !important; } [data-theme="dark"] .section-title.t1-section-title h2 { color: var(--dm-text) !important; } /* ==================================================== TEMPLATE 2 (template2.css) — Dark Developer (already dark — just ensure text/card contrast) ==================================================== */ [data-theme="dark"] .t2-project-card { box-shadow: 0 4px 16px rgba(0,0,0,.5) !important; } [data-theme="dark"] .t2-footer { background: #03040a !important; } /* ==================================================== TEMPLATE 3 (template3.css) — Light/Card ==================================================== */ [data-theme="dark"] .t3-nav { background: rgba(13,15,22,.96) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t3-logo { color: #818cf8 !important; } [data-theme="dark"] .t3-menu a { color: var(--dm-text2) !important; } [data-theme="dark"] .t3-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t3-hero-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; box-shadow: var(--dm-shadow-lg) !important; } [data-theme="dark"] .t3-hero-bio { color: var(--dm-muted) !important; } [data-theme="dark"] .t3-hero-avatar { border-color: #6366f1 !important; } [data-theme="dark"] .t3-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .t3-about-card { background: var(--dm-bg2) !important; } [data-theme="dark"] .t3-edu-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .t3-edu-inst { color: var(--dm-muted) !important; } [data-theme="dark"] .t3-edu-meta { color: var(--dm-muted) !important; } [data-theme="dark"] .t3-project-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .t3-project-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t3-project-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t3-project-link { border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .t3-project-link:hover { background: #6366f1 !important; border-color: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .t3-contact-card { background: var(--dm-card2) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .t3-contact-info a { color: #a5b4fc !important; } [data-theme="dark"] .t3-footer { background: #060709 !important; } [data-theme="dark"] .t3-footer-social a:hover { color: #fff !important; } /* ==================================================== TEMPLATE 4 (template4.css) ==================================================== */ [data-theme="dark"] .t4-nav { background: rgba(13,15,22,.96) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t4-logo { color: #818cf8 !important; } [data-theme="dark"] .t4-menu a { color: var(--dm-text2) !important; } [data-theme="dark"] .t4-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t4-hero-img { border-color: #6366f1 !important; } [data-theme="dark"] .t4-about { background: var(--dm-bg2) !important; } [data-theme="dark"] .t4-about-inner { color: var(--dm-text2) !important; } [data-theme="dark"] .t4-edu-item { border-left-color: #6366f1 !important; } [data-theme="dark"] .t4-edu-num { color: #6366f1 !important; } [data-theme="dark"] .t4-edu-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t4-edu-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t4-contact-bg { background: var(--dm-bg2) !important; } [data-theme="dark"] .t4-contact-inner { color: var(--dm-text) !important; } [data-theme="dark"] .t4-contact-info a { color: #a5b4fc !important; } [data-theme="dark"] .t4-footer { background: #060709 !important; } [data-theme="dark"] .t4-footer-copy { color: #64748b !important; } [data-theme="dark"] .t4-footer-social a:hover { color: #fff !important; } /* ==================================================== TEMPLATE 5 (template5.css) ==================================================== */ [data-theme="dark"] .t5-nav { background: rgba(13,15,22,.96) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t5-logo { color: #818cf8 !important; } [data-theme="dark"] .t5-menu a { color: var(--dm-text2) !important; } [data-theme="dark"] .t5-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t5-hero-left { color: var(--dm-text) !important; } [data-theme="dark"] .t5-about { background: var(--dm-bg2) !important; } [data-theme="dark"] .t5-about-text { color: var(--dm-text2) !important; } [data-theme="dark"] .t5-divider { background: var(--dm-border) !important; } [data-theme="dark"] .t5-edu-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .t5-edu-year { color: var(--dm-muted) !important; } [data-theme="dark"] .t5-edu-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t5-edu-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t5-contact-inner { color: var(--dm-text) !important; } [data-theme="dark"] .t5-contact-info a { color: #a5b4fc !important; } [data-theme="dark"] .t5-footer { background: #060709 !important; } [data-theme="dark"] .t5-footer-copy { color: #64748b !important; } [data-theme="dark"] .t5-footer-tagline { color: #4b5563 !important; } [data-theme="dark"] .t5-footer-social a:hover { color: #fff !important; } /* ==================================================== TEMPLATE 6 (template6.css) ==================================================== */ [data-theme="dark"] .t6-nav { background: rgba(13,15,22,.96) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t6-logo { color: #818cf8 !important; } [data-theme="dark"] .t6-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t6-hero-inner { color: var(--dm-text) !important; } [data-theme="dark"] .t6-hero-img { border-color: #6366f1 !important; box-shadow: 0 0 0 6px rgba(99,102,241,.2) !important; } [data-theme="dark"] .t6-about { background: var(--dm-bg2) !important; } [data-theme="dark"] .t6-about-text { color: var(--dm-text2) !important; } [data-theme="dark"] .t6-chip { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .t6-badge { background: rgba(99,102,241,.15) !important; color: #a5b4fc !important; } [data-theme="dark"] .t6-edu-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .t6-edu-icon { color: var(--dm-muted) !important; } [data-theme="dark"] .t6-edu-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t6-edu-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .t6-contact { background: var(--dm-bg2) !important; } [data-theme="dark"] .t6-contact-inner { color: var(--dm-text) !important; } [data-theme="dark"] .t6-contact-info a { color: #a5b4fc !important; } [data-theme="dark"] .t6-footer { background: #060709 !important; } [data-theme="dark"] .t6-footer-copy { color: #64748b !important; } [data-theme="dark"] .t6-footer-social a:hover { color: #fff !important; } /* ==================================================== TEMPLATE 7 (template7.css) — Bento Grid ==================================================== */ [data-theme="dark"] .t7-nav { background: rgba(13,15,22,.96) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .t7-logo { color: #818cf8 !important; } [data-theme="dark"] .t7-menu a { color: var(--dm-text2) !important; } [data-theme="dark"] .t7-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .t7-bento-cell { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .t7-cell-name { color: var(--dm-text) !important; } [data-theme="dark"] .t7-cell-bio { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-cell-links a { color: #a5b4fc !important; } [data-theme="dark"] .t7-about { background: var(--dm-bg2) !important; } [data-theme="dark"] .t7-about-box { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .t7-skill-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .t7-skill-name { color: var(--dm-text) !important; } [data-theme="dark"] .t7-skill-pct { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-skill-track { background: var(--dm-border) !important; } [data-theme="dark"] .t7-projects-bg { background: var(--dm-bg2) !important; } [data-theme="dark"] .t7-project-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .t7-project-info h3 { color: var(--dm-text) !important; } [data-theme="dark"] .t7-project-info p { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-project-links a { border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .t7-edu-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .t7-edu-inst { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-edu-lvl { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-edu-meta { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-contact-wrap { background: var(--dm-bg) !important; } [data-theme="dark"] .t7-contact-cta { color: var(--dm-text) !important; } [data-theme="dark"] .t7-contact-info a { color: #a5b4fc !important; } [data-theme="dark"] .t7-section-hd { color: var(--dm-text) !important; } [data-theme="dark"] .t7-social a { color: var(--dm-muted) !important; } [data-theme="dark"] .t7-social a:hover { color: #fff !important; } [data-theme="dark"] .t7-footer { background: #060709 !important; } [data-theme="dark"] .t7-footer-copy { color: #64748b !important; } [data-theme="dark"] .t7-footer-social a:hover { color: #fff !important; } /* ==================================================== PORTFOLIO IT TEMPLATES — pf_it_1 to pf_it_6 Using t1-t6 external CSS or inline ==================================================== */ /* pf_it_6 — Aurora template (aur- classes) */ [data-theme="dark"] .aur-about-grid { background: var(--dm-bg2) !important; } [data-theme="dark"] .aur-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .aur-hero-text h1 { color: var(--dm-text) !important; } [data-theme="dark"] .aur-hero-sub { color: var(--dm-muted) !important; } [data-theme="dark"] .aur-skill-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .aur-skill-top { color: var(--dm-text) !important; } [data-theme="dark"] .aur-skill-track { background: var(--dm-border) !important; } [data-theme="dark"] .aur-proj-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .aur-proj-body h3 { color: var(--dm-text) !important; } [data-theme="dark"] .aur-proj-body p { color: var(--dm-muted) !important; } [data-theme="dark"] .aur-edu { background: var(--dm-bg2) !important; } [data-theme="dark"] .aur-edu-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .aur-contact { background: var(--dm-bg) !important; } [data-theme="dark"] .aur-contact-row a { color: #a5b4fc !important; } [data-theme="dark"] .aur-sectitle { color: var(--dm-text) !important; } [data-theme="dark"] .aur-h2 { color: var(--dm-text) !important; } [data-theme="dark"] .aur-logo { color: #818cf8 !important; } /* ==================================================== PORTFOLIO NON-IT TEMPLATES — pf_nit_1 to pf_nit_6 (inline CSS in each file, common class names) ==================================================== */ /* Common nav/header */ [data-theme="dark"] nav, [data-theme="dark"] header { background: inherit; } [data-theme="dark"] .logo { color: inherit !important; } [data-theme="dark"] .nav-links a { color: var(--dm-text2) !important; } [data-theme="dark"] .nav-links a:hover { opacity: 0.8; } /* Common hero */ [data-theme="dark"] .hero { background: var(--dm-bg) !important; } [data-theme="dark"] .hero-subtitle { color: var(--dm-muted) !important; } [data-theme="dark"] .hero-bio { color: var(--dm-text2) !important; } [data-theme="dark"] .hero-tag { color: var(--dm-muted) !important; } /* Common section titles */ [data-theme="dark"] .section-title { color: var(--dm-text) !important; } [data-theme="dark"] .section-line { background: #6366f1 !important; } /* Common skill bars */ [data-theme="dark"] .skill-bar-wrap { background: var(--dm-border) !important; } [data-theme="dark"] .skill-card { background: var(--dm-card) !important; border: 1px solid var(--dm-border) !important; } [data-theme="dark"] .skill-name { color: var(--dm-text) !important; } [data-theme="dark"] .skill-pct { color: var(--dm-muted) !important; } [data-theme="dark"] .skill-grid { background: var(--dm-bg2) !important; } /* Common project cards */ [data-theme="dark"] .proj-card { background: var(--dm-card) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .proj-title { color: var(--dm-text) !important; } [data-theme="dark"] .proj-desc { color: var(--dm-muted) !important; } [data-theme="dark"] .proj-body { color: var(--dm-text) !important; } [data-theme="dark"] .proj-grid { background: transparent !important; } [data-theme="dark"] .proj-img-placeholder { opacity: 0.7; } /* Common education */ [data-theme="dark"] .edu-item { color: var(--dm-text) !important; } [data-theme="dark"] .edu-inst { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-level { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-meta { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-list { color: var(--dm-text) !important; } [data-theme="dark"] .edu-year { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-deg { color: var(--dm-text) !important; } /* pf_nit_2 — Elegant (specific classes) */ [data-theme="dark"] .hero-left { color: var(--dm-text) !important; } [data-theme="dark"] .divider { background: var(--dm-bg2) !important; } [data-theme="dark"] .divider-line { background: var(--dm-border) !important; } [data-theme="dark"] .proj-row { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .proj-num { color: var(--dm-border) !important; } [data-theme="dark"] .edu-row { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .contact-row a { color: #a5b4fc !important; } /* pf_nit_6 — Eder template (ed- classes) */ [data-theme="dark"] .ed-hero { background: var(--dm-bg) !important; } [data-theme="dark"] .ed-hero-l { color: var(--dm-text) !important; } [data-theme="dark"] .ed-hero-r { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .ed-hero-r-ph { background: var(--dm-bg2) !important; } [data-theme="dark"] .ed-kicker { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-content { background: var(--dm-bg) !important; color: var(--dm-text) !important; } [data-theme="dark"] .ed-about-text { color: var(--dm-text2) !important; } [data-theme="dark"] .ed-label { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-label-sub { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-label-col { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-num { color: var(--dm-text) !important; } [data-theme="dark"] .ed-proj-item { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .ed-proj-desc { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-proj-thumb { background: var(--dm-card) !important; } [data-theme="dark"] .ed-proj-links a { color: #a5b4fc !important; } [data-theme="dark"] .ed-edu-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .ed-edu-inst { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-edu-year { color: var(--dm-muted) !important; } [data-theme="dark"] .ed-edu-deg { color: var(--dm-text) !important; } [data-theme="dark"] .ed-contact { background: var(--dm-bg2) !important; } [data-theme="dark"] .ed-contact-row a { color: #a5b4fc !important; } [data-theme="dark"] .ed-logo { color: inherit !important; } [data-theme="dark"] .ed-menu a { color: var(--dm-text2) !important; } /* Common contact/footer */ [data-theme="dark"] .contact-links a { color: #a5b4fc !important; } /* ==================================================== CV TEMPLATES — cv_it_1 to cv_nit_6 ==================================================== */ /* cv_it_1 — two column dark sidebar */ [data-theme="dark"] .cv-wrap { background: var(--dm-bg) !important; box-shadow: var(--dm-shadow-lg) !important; } [data-theme="dark"] .cv-side { background: #161928 !important; } [data-theme="dark"] .cv-side-img { border-color: #6366f1 !important; } [data-theme="dark"] .cv-side-name { color: #fff !important; } [data-theme="dark"] .cv-side-title { color: #94a3b8 !important; } [data-theme="dark"] .cv-side-section h3 { color: #c7d2fe !important; border-bottom-color: rgba(255,255,255,.1) !important; } [data-theme="dark"] .cv-side-section .cv-contact-item { color: #94a3b8 !important; } [data-theme="dark"] .cv-side-section .skill-name { color: #cbd5e1 !important; } [data-theme="dark"] .cv-side-section .skill-bar { background: rgba(255,255,255,.1) !important; } [data-theme="dark"] .cv-main { background: var(--dm-card) !important; } [data-theme="dark"] .cv-main-name { color: var(--dm-text) !important; } [data-theme="dark"] .cv-main-title { color: var(--dm-muted) !important; } [data-theme="dark"] .cv-bio { color: var(--dm-text2) !important; } [data-theme="dark"] .sec-title { color: var(--dm-text) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .exp-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .exp-role { color: var(--dm-text) !important; } [data-theme="dark"] .exp-company { color: var(--dm-muted) !important; } [data-theme="dark"] .exp-date { color: var(--dm-muted) !important; } [data-theme="dark"] .exp-desc { color: var(--dm-text2) !important; } [data-theme="dark"] .proj-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .proj-title { color: var(--dm-text) !important; } [data-theme="dark"] .proj-desc { color: var(--dm-text2) !important; } [data-theme="dark"] .edu-item { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .edu-deg { color: var(--dm-text) !important; } [data-theme="dark"] .edu-school { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-year { color: var(--dm-muted) !important; } [data-theme="dark"] .skill-item { color: var(--dm-text) !important; } /* cv_it_2 — horizontal card layout */ [data-theme="dark"] .cv { background: var(--dm-bg) !important; } [data-theme="dark"] .cv-header { background: var(--dm-card) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .cv-header-img { border-color: #6366f1 !important; } [data-theme="dark"] .cv-meta { color: var(--dm-muted) !important; } [data-theme="dark"] .cv-body { background: var(--dm-bg) !important; } [data-theme="dark"] .cv-col { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .sec-label { color: var(--dm-muted) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .skill-row { background: var(--dm-bg2) !important; } [data-theme="dark"] .skill-dots .dot.on { background: #6366f1 !important; } [data-theme="dark"] .skill-dots .dot { background: var(--dm-border) !important; } [data-theme="dark"] .bio-box { background: var(--dm-bg2) !important; color: var(--dm-text2) !important; } [data-theme="dark"] .edu-entry { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .edu-inst { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-yr { color: var(--dm-muted) !important; } [data-theme="dark"] .edu-deg { color: var(--dm-text) !important; } [data-theme="dark"] .proj-card { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .proj-card-title { color: var(--dm-text) !important; } [data-theme="dark"] .proj-card-desc { color: var(--dm-muted) !important; } /* Print button */ [data-theme="dark"] .print-btn { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } /* Generic CV sections that appear in multiple cv_ templates */ [data-theme="dark"] .cv-section { background: var(--dm-bg2) !important; } [data-theme="dark"] .cv-section-title { color: var(--dm-text) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .cv-entry { color: var(--dm-text) !important; } [data-theme="dark"] .cv-entry-title { color: var(--dm-text) !important; } [data-theme="dark"] .cv-entry-sub { color: var(--dm-muted) !important; } [data-theme="dark"] .cv-entry-date { color: var(--dm-muted) !important; } [data-theme="dark"] .cv-entry-desc { color: var(--dm-text2) !important; } /* ==================================================== TEMPLATE PREVIEW (dashboard/template-preview.php) dashboard/template-select.php ==================================================== */ [data-theme="dark"] .template-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .template-card:hover { border-color: #6366f1 !important; } [data-theme="dark"] .template-info h3 { color: var(--dm-text) !important; } [data-theme="dark"] .template-info p { color: var(--dm-muted) !important; } [data-theme="dark"] .template-thumb { background: var(--dm-bg2) !important; } [data-theme="dark"] .template-tag { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; } /* ==================================================== GENERAL — covers anything else missed ==================================================== */ [data-theme="dark"] section { color: var(--dm-text); } /* Any white background that wasn't explicitly overridden */ [data-theme="dark"] [style*="background:#fff"], [data-theme="dark"] [style*="background: #fff"], [data-theme="dark"] [style*="background-color:#fff"], [data-theme="dark"] [style*="background: white"], [data-theme="dark"] [style*="background:#ffffff"], [data-theme="dark"] [style*="background-color: white"] { background: var(--dm-card) !important; } [data-theme="dark"] [style*="background:#f8fafc"], [data-theme="dark"] [style*="background: #f8fafc"], [data-theme="dark"] [style*="background:#f1f5f9"], [data-theme="dark"] [style*="background: #f1f5f9"] { background: var(--dm-bg2) !important; } [data-theme="dark"] [style*="color:#111827"], [data-theme="dark"] [style*="color: #111827"], [data-theme="dark"] [style*="color:#374151"], [data-theme="dark"] [style*="color: #374151"] { color: var(--dm-text) !important; } [data-theme="dark"] [style*="color:#6b7280"], [data-theme="dark"] [style*="color: #6b7280"] { color: var(--dm-muted) !important; } [data-theme="dark"] [style*="border-color:#e5e7eb"], [data-theme="dark"] [style*="border-color: #e5e7eb"] { border-color: var(--dm-border) !important; } /* ==================================================== DARK MODE TOGGLE BUTTON ==================================================== */ .dm-toggle-btn { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 99999; width: 50px; height: 50px; border-radius: 50%; border: 2px solid rgba(255,255,255,.1); background: #6366f1; color: #fff; font-size: 1.3rem; cursor: pointer; box-shadow: 0 4px 20px rgba(99,102,241,.5), 0 0 0 0 rgba(99,102,241,.3); display: flex; align-items: center; justify-content: center; transition: transform .2s ease, box-shadow .2s ease, background .25s ease; outline: none; line-height: 1; } .dm-toggle-btn:hover { background: #4f46e5; transform: scale(1.1) rotate(15deg); box-shadow: 0 6px 28px rgba(99,102,241,.6); } [data-theme="dark"] .dm-toggle-btn { background: #f59e0b; border-color: rgba(255,255,255,.15); box-shadow: 0 4px 20px rgba(245,158,11,.45); color: #1c1400; } [data-theme="dark"] .dm-toggle-btn:hover { background: #d97706; box-shadow: 0 6px 28px rgba(245,158,11,.55); } /* ==================================================== SMOOTH TRANSITIONS (apply to everything except animated elements that should stay instant) ==================================================== */ *:not(.skill-bar):not(.t1-skill-fill):not(.t2-skill-fill):not(.skill-fill):not(.skill-bar-fill):not(.aur-skill-fill):not(.t7-skill-fill):not(.ed-skill-fill) { transition: background-color .22s ease, border-color .22s ease, color .18s ease, box-shadow .22s ease !important; } /* ==================================================== TEMPLATE SELECT PAGE (dashboard/template-select.php) ==================================================== */ [data-theme="dark"] .ts-main-tab { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .ts-main-tab.active { background: #6366f1 !important; border-color: #6366f1 !important; color: #fff !important; } [data-theme="dark"] .tab-label { color: inherit !important; } [data-theme="dark"] .tab-sub { color: inherit !important; opacity: .75; } [data-theme="dark"] .ts-sub-tab { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; color: var(--dm-muted) !important; } [data-theme="dark"] .ts-sub-tab.active { background: var(--dm-card) !important; border-color: #6366f1 !important; color: #a5b4fc !important; } [data-theme="dark"] .ts-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .ts-card:hover { border-color: #6366f1 !important; } [data-theme="dark"] .ts-card.selected { border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99,102,241,.3) !important; } [data-theme="dark"] .ts-preview { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .ts-selected-info { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .ts-active-badge { background: rgba(16,185,129,.15) !important; color: #6ee7b7 !important; } [data-theme="dark"] .ts-footer { background: var(--dm-card) !important; border-top-color: var(--dm-border) !important; } [data-theme="dark"] .ts-body { background: var(--dm-bg) !important; } [data-theme="dark"] .ts-toast { background: var(--dm-card) !important; color: var(--dm-text) !important; border: 1px solid var(--dm-border) !important; box-shadow: var(--dm-shadow-lg) !important; } /* Preview modal */ [data-theme="dark"] .preview-modal { background: var(--dm-card) !important; border-color: var(--dm-border) !important; } [data-theme="dark"] .preview-modal-header { background: var(--dm-bg2) !important; border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .preview-modal-title { color: var(--dm-text) !important; } [data-theme="dark"] .preview-modal-close { color: var(--dm-muted) !important; } [data-theme="dark"] .preview-modal-backdrop { background: rgba(0,0,0,.75) !important; } [data-theme="dark"] .preview-loading { background: var(--dm-bg2) !important; color: var(--dm-muted) !important; } /* ==================================================== MY PORTFOLIOS / MY CVs page ==================================================== */ [data-theme="dark"] .pf-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .pf-card:hover { box-shadow: var(--dm-shadow-lg) !important; } [data-theme="dark"] .pf-name { color: var(--dm-text) !important; } [data-theme="dark"] .pf-meta { color: var(--dm-muted) !important; } [data-theme="dark"] .pf-info { color: var(--dm-text) !important; } [data-theme="dark"] .pf-icon { color: var(--dm-muted) !important; } [data-theme="dark"] .pf-actions { border-top-color: var(--dm-border) !important; } [data-theme="dark"] .create-card { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-muted) !important; } [data-theme="dark"] .create-card:hover { border-color: #6366f1 !important; color: #a5b4fc !important; } [data-theme="dark"] .badge-published { background: rgba(16,185,129,.18) !important; color: #6ee7b7 !important; } [data-theme="dark"] .badge-draft { background: rgba(107,114,128,.18) !important; color: #9ca3af !important; } [data-theme="dark"] .cat-tab { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; color: var(--dm-muted) !important; } [data-theme="dark"] .cat-tab.active { background: #6366f1 !important; border-color: #6366f1 !important; color: #fff !important; } /* Modal template grid */ [data-theme="dark"] .modal-template-grid .ts-card { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; } /* ==================================================== PORTFOLIO EDIT / CV EDIT page ==================================================== */ [data-theme="dark"] .edit-section-header { background: var(--dm-card) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .edit-tabs .nav-link { color: var(--dm-muted) !important; } [data-theme="dark"] .edit-tabs .nav-link.active { color: var(--dm-text) !important; } /* ==================================================== SECTION MANAGER drag handle highlight ==================================================== */ [data-theme="dark"] .section-item:active { background: #1e2640 !important; } /* ==================================================== GENERIC — catch any leftover white/light backgrounds on elements that use hardcoded Bootstrap bg classes ==================================================== */ [data-theme="dark"] .bg-white { background: var(--dm-card) !important; } [data-theme="dark"] .bg-light { background: var(--dm-bg2) !important; } [data-theme="dark"] .text-dark { color: var(--dm-text) !important; } [data-theme="dark"] .text-secondary { color: var(--dm-muted) !important; } [data-theme="dark"] .border { border-color: var(--dm-border) !important; } [data-theme="dark"] .border-top { border-top-color: var(--dm-border) !important; } [data-theme="dark"] .border-bottom { border-bottom-color: var(--dm-border) !important; } [data-theme="dark"] .border-end { border-right-color: var(--dm-border) !important; } [data-theme="dark"] .border-start { border-left-color: var(--dm-border) !important; } [data-theme="dark"] .shadow-sm { box-shadow: var(--dm-shadow) !important; } [data-theme="dark"] .rounded { background-color: inherit; } [data-theme="dark"] .blockquote-footer { color: var(--dm-muted) !important; } [data-theme="dark"] code { background: var(--dm-bg2) !important; color: #f472b6 !important; } [data-theme="dark"] pre { background: var(--dm-bg2) !important; border-color: var(--dm-border) !important; color: var(--dm-text) !important; }