/* ============================================================ Capital theme override — pulls public/ pages toward the Apex Capital palette (emerald primary, charcoal text, gold accent). IMPORTANT: every rule below is scoped with html:not([data-theme]) so it does NOT apply on dashboard pages (Dashly puts data-theme on ). That keeps the dashboard's own light/dark theming intact while still recoloring the marketing + auth pages. To revert: delete this file + remove the Substitute lines from the vhost in /Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf. ============================================================ */ html:not([data-theme]) { --capital-primary: #0f8f62; --capital-primary-hover: #0a6f4b; --capital-dark: #14231f; --capital-bg: #f7f4ee; --capital-accent: #d6a23a; } /* Bootstrap variables (only on non-dashboard pages) */ html:not([data-theme]) :root, html:not([data-theme]) { --bs-primary: #0f8f62 !important; --bs-primary-rgb: 15, 143, 98 !important; --bs-dark: #14231f !important; --bs-dark-rgb: 20, 35, 31 !important; --bs-secondary: #8f8a7e !important; --bs-success: #24a66a !important; --bs-info: #7f8d7a !important; --bs-warning: #d6a23a !important; --bs-danger: #b9413f !important; } /* Links */ html:not([data-theme]) a, html:not([data-theme]) a:visited { color: var(--capital-primary) !important; } html:not([data-theme]) a:hover, html:not([data-theme]) a:focus { color: var(--capital-primary-hover) !important; } /* Old inline link/button blues from exported forms */ html:not([data-theme]) [style*="color:rgb(46, 163, 242)"], html:not([data-theme]) [style*="color: rgb(46, 163, 242)"], html:not([data-theme]) [style*="color:#2ea3f2"], html:not([data-theme]) [style*="color: #2ea3f2"] { color: var(--capital-primary) !important; } html:not([data-theme]) [style*="background-color:rgb(0, 124, 137)"], html:not([data-theme]) [style*="background-color: rgb(0, 124, 137)"] { background-color: var(--capital-primary) !important; border-color: var(--capital-primary) !important; } /* Bootstrap-style buttons / badges */ html:not([data-theme]) .btn-primary, html:not([data-theme]) .bg-primary, html:not([data-theme]) .badge.bg-primary, html:not([data-theme]) .text-bg-primary { background-color: var(--capital-primary) !important; border-color: var(--capital-primary) !important; color: #ffffff !important; } html:not([data-theme]) .btn-primary:hover, html:not([data-theme]) .btn-primary:focus, html:not([data-theme]) .btn-primary:active { background-color: var(--capital-primary-hover) !important; border-color: var(--capital-primary-hover) !important; } html:not([data-theme]) .btn-outline-primary { color: var(--capital-primary) !important; border-color: var(--capital-primary) !important; background-color: transparent !important; } html:not([data-theme]) .btn-outline-primary:hover { background-color: var(--capital-primary) !important; color: #ffffff !important; } html:not([data-theme]) .text-primary { color: var(--capital-primary) !important; } /* Forms */ html:not([data-theme]) .form-control:focus, html:not([data-theme]) .form-select:focus, html:not([data-theme]) input:focus, html:not([data-theme]) textarea:focus, html:not([data-theme]) select:focus { border-color: var(--capital-primary) !important; box-shadow: 0 0 0 0.25rem rgba(15, 143, 98, 0.25) !important; } /* ---------- Divi marketing site (inline-style backgrounds) ---------- */ /* Deep blues / dark blues -> charcoal */ html:not([data-theme]) [style*="#00001e"], html:not([data-theme]) [style*="#020381"], html:not([data-theme]) [style*="#0c1560"], html:not([data-theme]) [style*="#1F32AB"], html:not([data-theme]) [style*="#1f32ab"], html:not([data-theme]) [style*="#25274d"], html:not([data-theme]) [style*="#2331a5"], html:not([data-theme]) [style*="#1d63cc"], html:not([data-theme]) [style*="#3760c9"], html:not([data-theme]) [style*="#454be4"], html:not([data-theme]) [style*="#080808"] { background-color: var(--capital-dark) !important; border-color: var(--capital-dark) !important; } /* Purples / old cool accents -> emerald */ html:not([data-theme]) [style*="#7e3bd0"], html:not([data-theme]) [style*="#8da9db"] { background-color: var(--capital-primary) !important; border-color: var(--capital-primary) !important; } /* Divi page-builder CSS often stores colors in cached