/* Dark theme overrides */ [data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #f8f9fa; /* Changed from #dee2e6 to lighter #f8f9fa */ --bs-body-color-rgb: 248, 249, 250; /* Updated RGB values */ --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(248, 249, 250, 0.75); /* Updated */ --bs-secondary-color-rgb: 248, 249, 250; /* Updated */ --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(248, 249, 250, 0.5); /* Updated */ --bs-tertiary-color-rgb: 248, 249, 250; /* Updated */ /* Rest of your existing dark theme variables... */ } /* Custom dark theme adjustments */ [data-bs-theme="dark"] .bg-light { background-color: var(--bs-secondary-bg) !important; } [data-bs-theme="dark"] .text-dark-50 { color: var(--bs-body-color) !important; } [data-bs-theme="dark"] .card { background-color: var(--bs-secondary-bg); border-color: var(--bs-border-color); color: var(--bs-body-color); /* Added for card text */ } [data-bs-theme="dark"] .carousel-caption { background-color: rgba(0, 0, 0, 0.7); color: #ffffff; /* Ensure carousel text is white */ } [data-bs-theme="dark"] .bottom-bar { background-color: var(--bs-dark-bg-subtle); } [data-bs-theme="dark"] .btn-outline-light { color: var(--bs-body-color); border-color: var(--bs-body-color); } [data-bs-theme="dark"] .btn-outline-light:hover { color: var(--bs-dark); background-color: var(--bs-body-color); } /* Additional text lightness improvements */ [data-bs-theme="dark"] .text-muted { color: #adb5bd !important; /* Lighter muted text */ } [data-bs-theme="dark"] .lead { color: #e9ecef !important; /* Lighter lead text */ } [data-bs-theme="dark"] .card-text, [data-bs-theme="dark"] .card-title { color: var(--bs-body-color) !important; /* Ensure card text is light */ } /* FAQ Page Specific Dark Mode Improvements */ [data-bs-theme="dark"] .accordion-button::after { filter: invert(1) brightness(1.5); } [data-bs-theme="dark"] .accordion-button { background-color: #2c3034; color: #f8f9fa; } [data-bs-theme="dark"] .accordion-button:not(.collapsed) { background-color: #0c63e4; color: #ffffff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } [data-bs-theme="dark"] .accordion-body { background-color: #1a1d20; color: #e9ecef; } [data-bs-theme="dark"] .card.bg-light { background-color: #2c3034 !important; } [data-bs-theme="dark"] .contact-box-padding a { color: #6ea8fe; text-decoration: none; transition: color 0.2s; } [data-bs-theme="dark"] .contact-box-padding a:hover { color: #8bb9fe; text-decoration: underline; } [data-bs-theme="dark"] .contact-box-padding i { color: #adb5bd; } [data-bs-theme="dark"] .h6.fw-bolder { color: #f8f9fa; } [data-bs-theme="dark"] section.py-5 { background-color: #212529; padding: 3rem 0 !important; } [data-bs-theme="dark"] .fw-bolder.mb-3 { color: #f8f9fa; } [data-bs-theme="dark"] .bg-gradient.rounded-3.p-4.p-sm-5.mt-5 { background-color: #0d6efd; } /* Add to your dark-theme.css or styles.css */ .pricing-card { background-color: #212529 !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Add to your dark-theme.css */ [data-bs-theme="dark"] #gmap_canvas { filter: invert(90%) hue-rotate(180deg) brightness(85%) contrast(90%); }