/* * Dark mode for novagoldfinch.com. * Active when ; set before paint by the small script in each page's , * from localStorage "ng_theme" (shared with /admin) or the device's prefers-color-scheme. */ /* ---- Toggle button: sits in the header next to the Loan Payment button ---- */ .header-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-toggle { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 10px; width: 36px; height: 36px; border-radius: 50%; border: 0; background-color: #534741; color: #ffffff; font-size: 15px; line-height: 36px; text-align: center; cursor: pointer; padding: 0; -webkit-transition: background-color 0.2s ease, color 0.2s ease; -o-transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease; } .theme-toggle:hover { background-color: #f9c322; color: #534741; } .theme-toggle .fa-sun { display: none; } html[data-theme="dark"] .theme-toggle { background-color: #f9c322; color: #222222; } html[data-theme="dark"] .theme-toggle:hover { background-color: #ffffff; } html[data-theme="dark"] .theme-toggle .fa-sun { display: inline; } html[data-theme="dark"] .theme-toggle .fa-moon { display: none; } /* ---- Page ---- */ html[data-theme="dark"] { color-scheme: dark; } html[data-theme="dark"] body { background: linear-gradient(90deg, #1a1d23 19px, transparent 1%) center, linear-gradient(#1a1d23 19px, transparent 1%) center, #232830; background-size: 22px 22px; color: #b4bac3; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: #eceef1; } html[data-theme="dark"] p { color: #b4bac3; } html[data-theme="dark"] .section-title h1, html[data-theme="dark"] .section-title h2 { color: #eceef1; } /* ---- Menus ---- */ html[data-theme="dark"] .sub-menu { background-color: #1e232b; } html[data-theme="dark"] .sub-menu li { border-color: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] .sub-menu li a { color: #d5d9de; } html[data-theme="dark"] .mobile-menu .mean-bar .mean-nav { background-color: #1e232b; } html[data-theme="dark"] .mobile-menu .mean-bar .mean-nav ul li a { color: #d5d9de; border-color: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] .mobile-menu .mean-bar .mean-nav ul li a.mean-expand { background-color: rgba(255, 255, 255, 0.06); } /* ---- Listing cards, sidebar cards, tract details card ---- */ html[data-theme="dark"] .property-item .property-inner, html[data-theme="dark"] .sidebar-property, html[data-theme="dark"] .single-property .property-inner { background-color: #1e232b; border-color: #303742; } html[data-theme="dark"] .property-item .property-inner:hover, html[data-theme="dark"] .sidebar-property:hover { border-color: #b8860b; } html[data-theme="dark"] .property-item .property-inner .content .left .title a, html[data-theme="dark"] .property-item .property-inner .content .right .type-wrap .price, html[data-theme="dark"] .sidebar-property .content .title a, html[data-theme="dark"] .sidebar-property .content .price, html[data-theme="dark"] .single-property .property-inner .head .title, html[data-theme="dark"] .single-property .property-inner .head .right .type-wrap .price { color: #eceef1; } html[data-theme="dark"] .property-item .property-inner .content .left .location, html[data-theme="dark"] .sidebar-property .content .location, html[data-theme="dark"] .single-property .property-inner .head .location, html[data-theme="dark"] .single-property .property-inner .content .property-feature li, html[data-theme="dark"] .single-property .property-inner .content .desc, html[data-theme="dark"] .single-property .property-inner .content li { color: #b4bac3; } html[data-theme="dark"] .single-property .property-inner .content h3, html[data-theme="dark"] .single-property .property-inner .content h4, html[data-theme="dark"] .single-property .property-inner .content h5 { border-color: #303742; color: #eceef1; } html[data-theme="dark"] .tract-gallery .item a { background-color: #12151a; } html[data-theme="dark"] .sidebar-title .text { color: #eceef1; } /* ---- Forms ---- */ html[data-theme="dark"] form input, html[data-theme="dark"] form textarea, html[data-theme="dark"] form select { background-color: #12151a; border-color: #3a414c; color: #d5d9de; } html[data-theme="dark"] form input:focus, html[data-theme="dark"] form textarea:focus { border-color: #b8860b; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #7d8590; } /* ---- Pagination, breadcrumb banner, misc ---- */ html[data-theme="dark"] .page-pagination li a { background-color: #1e232b; color: #d5d9de; } html[data-theme="dark"] .page-pagination li:hover a.disabled { background-color: #1e232b; color: #d5d9de; } html[data-theme="dark"] .page-pagination li.active a { background-color: #f9c322; color: #222222; } html[data-theme="dark"] .bg-white { background-color: #1e232b !important; } html[data-theme="dark"] .bg-gray { background-color: #1a1d23 !important; } html[data-theme="dark"] .about-content h3 span { color: #f9c322; } html[data-theme="dark"] .alert-success { background-color: #173622; color: #9fdcb0; border-color: #215a34; } html[data-theme="dark"] .alert-danger { background-color: #3b1717; color: #f3a3a3; border-color: #6b2424; } html[data-theme="dark"] .location .location-icon { color: #f9c322; } html[data-theme="dark"] .single-property .property-inner .content ul li .image .feature-icon { color: #f9c322; } /* ---- Privacy policy: its section headings are styled spans with a hard-coded black ---- */ html[data-theme="dark"] .sbb, html[data-theme="dark"] .sb { color: #f9c322; } html[data-theme="dark"] .location-links { color: #b4bac3; } html[data-theme="dark"] .location-links a { background: #2a2f36; color: #eceef1; } html[data-theme="dark"] .location-links a:hover { background: #4c7a62; color: #fff; } html[data-theme="dark"] .place-intro, html[data-theme="dark"] .single-property .place-line { color: #b4bac3; } html[data-theme="dark"] .single-property .place-line a { color: #7fbf9c; }