/* ================================================================ TradeAProject Dark Mode — Global Overrides Activated when has class="dark" Uses !important to override Tailwind utility classes ================================================================ */ /* ===== BODY & PAGE BACKGROUNDS ===== */ html.dark body { background: #1c1917 !important; color: #f5f5f4 !important; } html.dark .bg-stone-50\/50 { background: rgba(28, 25, 23, 0.5) !important; } html.dark .bg-\[\#F7F5F0\], html.dark .bg-\[\#F8F7F4\] { background: #1c1917 !important; } html.dark .min-h-screen { background-color: inherit !important; } /* ===== CARDS & SURFACES ===== */ html.dark .bg-white { background: #292524 !important; } html.dark .bg-white\/80 { background: rgba(28, 25, 23, 0.8) !important; } html.dark .bg-white\/90 { background: rgba(28, 25, 23, 0.9) !important; } html.dark .bg-stone-50 { background: #1c1917 !important; } html.dark .bg-stone-50\/60 { background: rgba(28, 25, 23, 0.6) !important; } html.dark .bg-stone-50\/70 { background: rgba(28, 25, 23, 0.7) !important; } html.dark .bg-stone-50\/80 { background: rgba(28, 25, 23, 0.8) !important; } /* Public-profile search filter toolbar */ html.dark form[name="user-public-profile-search"] { background: rgba(28, 25, 23, 0.7) !important; border-color: #44403c !important; } html.dark form[name="user-public-profile-search"] label { color: #a8a29e !important; } html.dark form[name="user-public-profile-search"] input[type="text"], html.dark form[name="user-public-profile-search"] select { border-color: #44403c !important; } html.dark .bg-stone-100 { background: #292524 !important; } html.dark .bg-stone-100\/80 { background: rgba(41, 37, 36, 0.8) !important; } html.dark .bg-stone-200 { background: #44403c !important; } /* ===== TEXT COLORS ===== */ html.dark .text-stone-900 { color: #f5f5f4 !important; } html.dark .text-stone-800 { color: #e7e5e4 !important; } html.dark .text-stone-700 { color: #d6d3d1 !important; } html.dark .text-stone-600 { color: #a8a29e !important; } html.dark .text-stone-500 { color: #a8a29e !important; } html.dark .text-stone-400 { color: #78716c !important; } html.dark .text-stone-300 { color: #57534e !important; } html.dark .text-white { color: #fff !important; } /* ===== ORANGE ACCENTS (keep vibrant in dark) ===== */ html.dark .text-orange-600 { color: #fb923c !important; } html.dark .text-orange-500 { color: #fb923c !important; } html.dark .bg-orange-50 { background: rgba(124, 45, 18, 0.3) !important; } html.dark .bg-orange-50\/80 { background: rgba(124, 45, 18, 0.3) !important; } html.dark .bg-orange-50\/60 { background: rgba(124, 45, 18, 0.3) !important; } html.dark .bg-orange-100 { background: rgba(124, 45, 18, 0.4) !important; } html.dark .bg-orange-500\/10 { background: rgba(124, 45, 18, 0.3) !important; } html.dark .hover\:text-orange-600:hover { color: #fb923c !important; } html.dark .hover\:border-orange-400:hover { border-color: #f97316 !important; } html.dark .hover\:bg-orange-50:hover { background: rgba(124, 45, 18, 0.3) !important; } html.dark .hover\:bg-orange-50\/80:hover { background: rgba(124, 45, 18, 0.3) !important; } html.dark .hover\:bg-orange-100:hover { background: rgba(124, 45, 18, 0.4) !important; } /* ===== BORDERS ===== */ html.dark .border-stone-200 { border-color: #44403c !important; } html.dark .border-stone-200\/80 { border-color: rgba(68, 64, 60, 0.8) !important; } html.dark .border-stone-200\/70 { border-color: rgba(68, 64, 60, 0.5) !important; } html.dark .border-stone-200\/60 { border-color: rgba(68, 64, 60, 0.6) !important; } html.dark .border-stone-200\/90 { border-color: rgba(68, 64, 60, 0.9) !important; } html.dark .border-stone-100 { border-color: #44403c !important; } html.dark .border-t { border-color: #44403c !important; } html.dark .border-stone-300 { border-color: #57534e !important; } /* ===== HOVERS ===== */ html.dark .hover\:bg-stone-50:hover { background: #44403c !important; } html.dark .hover\:bg-stone-100:hover { background: #44403c !important; } html.dark .hover\:bg-white:hover { background: #44403c !important; } html.dark .hover\:text-stone-900:hover { color: #f5f5f4 !important; } html.dark .hover\:text-stone-700:hover { color: #d6d3d1 !important; } html.dark .hover\:text-orange-500:hover { color: #fb923c !important; } html.dark .hover\:border-orange-300:hover { border-color: #ea580c !important; } html.dark .hover\:bg-stone-50\/80:hover { background: rgba(41, 37, 36, 0.8) !important; } /* ===== PLACEHOLDERS ===== */ html.dark input::placeholder { color: #78716c !important; } html.dark .placeholder\:text-stone-400::placeholder { color: #78716c !important; } /* ===== NAVBAR ===== */ html.dark nav[id="navbar"] { background: rgba(28, 25, 23, 0.8) !important; border-bottom-color: rgba(68, 64, 60, 0.5) !important; } html.dark nav[id="navbar"] .bg-white { background: #292524 !important; } html.dark nav[id="navbar"] .bg-stone-100\/80 { background: rgba(41, 37, 36, 0.8) !important; } html.dark nav[id="navbar"] .bg-stone-100 { background: #292524 !important; } html.dark nav[id="navbar"] input[type="text"] { background: rgba(41, 37, 36, 0.8) !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark nav[id="navbar"] input[type="text"]:focus { background: #1c1917 !important; border-color: #f97316 !important; } /* ===== DROPDOWNS ===== */ html.dark div[id^="umod"] { background: #292524 !important; border-color: #44403c !important; } html.dark div[id^="umod"] a { color: #d6d3d1 !important; } html.dark div[id^="umod"] a:hover { background: rgba(124, 45, 18, 0.3) !important; color: #fb923c !important; } html.dark div[id^="umod"] .border-t { border-color: #44403c !important; } html.dark div[id^="umod"] button { color: #d6d3d1 !important; } html.dark div[id^="umod"] button:hover { background: rgba(124, 45, 18, 0.3) !important; color: #fb923c !important; } /* ===== CATEGORY PANEL ===== */ html.dark div[id="cat-panel"] { background: #1c1917 !important; } html.dark div[id="cat-panel"] .bg-white { background: #292524 !important; } /* ===== FORM INPUTS (global head.php styles) ===== */ html.dark input[type="text"]:not([class]), html.dark input[type="password"]:not([class]), html.dark input[type="email"]:not([class]), html.dark input[type="url"]:not([class]), html.dark input[type="number"]:not([class]), html.dark input[type="tel"]:not([class]), html.dark select:not([class]), html.dark textarea:not([class]), html.dark .input-text { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark input[type="text"]:not([class]):focus, html.dark input[type="password"]:not([class]):focus, html.dark input[type="email"]:not([class]):focus, html.dark input[type="url"]:not([class]):focus, html.dark input[type="number"]:not([class]):focus, html.dark input[type="tel"]:not([class]):focus, html.dark select:not([class]):focus, html.dark textarea:not([class]):focus, html.dark .input-text:focus { border-color: #f97316 !important; box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2) !important; background: #292524 !important; } /* ===== PAGINATION ===== */ html.dark .paginate a { background: #292524 !important; border-color: #44403c !important; color: #a8a29e !important; } html.dark .paginate a:hover { border-color: #f97316 !important; color: #fb923c !important; } html.dark .paginate span.prev, html.dark .paginate span.next { background: #292524 !important; color: #57534e !important; border-color: #44403c !important; } /* ===== AMBER/YELLOW BADGES ===== */ html.dark .bg-amber-100 { background: rgba(120, 53, 15, 0.4) !important; } html.dark .text-amber-700 { color: #fcd34d !important; } html.dark .text-amber-800 { color: #fcd34d !important; } html.dark .border-amber-200 { border-color: rgba(120, 53, 15, 0.6) !important; } /* ===== GREEN/RED STATUS COLORS ===== */ html.dark .bg-green-100 { background: rgba(20, 83, 45, 0.3) !important; } html.dark .text-green-700 { color: #4ade80 !important; } html.dark .bg-red-50 { background: rgba(127, 29, 29, 0.3) !important; } html.dark .text-red-600 { color: #f87171 !important; } html.dark .text-red-500 { color: #f87171 !important; } html.dark .text-red-400 { color: #fca5a5 !important; } /* ===== SHADOWS ===== */ html.dark .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important; } html.dark .shadow-xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) !important; } html.dark .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4) !important; } html.dark .shadow-xl { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important; } /* ===== LISTING CARDS (loop-single) ===== */ html.dark .card-hover { background: #292524 !important; border-color: #44403c !important; } html.dark .card-hover .bg-stone-100 { background: #44403c !important; } html.dark .card-hover .bg-stone-200 { background: #44403c !important; } html.dark .card-hover .group-hover\:text-orange-600:hover { color: #fb923c !important; } /* ===== PROFILE PAGE ===== */ html.dark #profile-form input[type="text"], html.dark #profile-form input[type="password"], html.dark #profile-form input[type="email"], html.dark #profile-form select, html.dark #profile-form textarea { background-color: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark #profile-form input:focus, html.dark #profile-form select:focus, html.dark #profile-form textarea:focus { border-color: #f97316 !important; background-color: #292524 !important; } html.dark #profile-form select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2378716c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important; } html.dark .profile-photo-zone .drop-card { border-color: #44403c !important; background: #1c1917 !important; } html.dark .profile-photo-zone .drop-card:hover { border-color: #f97316 !important; background: rgba(124, 45, 18, 0.2) !important; } html.dark #profile-crop-modal .bg-white { background: #292524 !important; } html.dark #profile-crop-modal .bg-stone-100 { background: #1c1917 !important; } html.dark #profile-crop-modal .bg-stone-200 { background: #44403c !important; } /* ===== ITEM POST PAGE ===== */ html.dark #item-post input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), html.dark #item-post select, html.dark #item-post textarea { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark #item-post input:focus, html.dark #item-post select:focus, html.dark #item-post textarea:focus { border-color: #f97316 !important; } html.dark #item-post .drop-card { border-color: #44403c !important; background: #1c1917 !important; } html.dark #item-post .drop-card:hover { border-color: #f97316 !important; background: rgba(124, 45, 18, 0.2) !important; } html.dark #item-post .photo-thumb { border-color: #44403c !important; background: #292524 !important; } html.dark #item-post .price-flex .prefix { background: #292524 !important; border-color: #44403c !important; color: #a8a29e !important; } html.dark #item-post .buytrade-category-picker label { background: #1c1917 !important; border-color: #44403c !important; color: #d6d3d1 !important; } html.dark #item-post .buytrade-category-picker label:hover { border-color: #f97316 !important; background: rgba(124, 45, 18, 0.2) !important; } /* ===== SEARCH SIDEBAR ===== */ html.dark .tap-filters-panel input[type="text"], html.dark .tap-filters-panel input[type="number"], html.dark .tap-filters-panel select { background-color: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark .tap-filters-panel input[type="text"]:focus, html.dark .tap-filters-panel select:focus { border-color: #f97316 !important; background-color: #292524 !important; } html.dark .tap-filters-panel .listing-type-row a { background: #292524 !important; color: #a8a29e !important; border-color: #44403c !important; } html.dark .tap-filters-panel .listing-type-row a:hover { background: #44403c !important; color: #f5f5f4 !important; } html.dark .tap-filters-panel .listing-type-row a.bg-orange-500 { background: #f97316 !important; color: #fff !important; border-color: #f97316 !important; } /* ===== ALERT FORM ===== */ html.dark .save-search-popup .bg-white { background: #292524 !important; } html.dark .save-search-popup input[type="email"], html.dark .save-search-popup input[type="text"] { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } /* ===== MISCELLANEOUS ===== */ html.dark .bg-stone-900 { background: #0c0a09 !important; } html.dark .bg-stone-900\/80 { background: rgba(12, 10, 9, 0.8) !important; } html.dark .bg-black\/60 { background: rgba(0, 0, 0, 0.7) !important; } html.dark .bg-black\/50 { background: rgba(0, 0, 0, 0.6) !important; } html.dark .bg-stone-900\/50 { background: rgba(12, 10, 9, 0.5) !important; } html.dark .text-stone-200 { color: #d6d3d1 !important; } html.dark .text-stone-100 { color: #f5f5f4 !important; } html.dark .border-stone-300 { border-color: #57534e !important; } html.dark .border-red-200 { border-color: rgba(127, 29, 29, 0.5) !important; } html.dark .border-green-200 { border-color: rgba(20, 83, 45, 0.5) !important; } html.dark .border-amber-200 { border-color: rgba(120, 53, 15, 0.6) !important; } html.dark .ring-orange-500\/20 { box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2) !important; } /* ===== OSCLASS CORE OVERRIDES ===== */ html.dark .user_menu li a { color: #d6d3d1 !important; } html.dark .user_menu li a:hover { background: rgba(124, 45, 18, 0.3) !important; color: #fb923c !important; } html.dark #sidebar { background: #292524 !important; } html.dark #main { background: transparent !important; } html.dark .breadcrumb { background: #292524 !important; } html.dark .error_list { background: rgba(127, 29, 29, 0.2) !important; border-color: rgba(127, 29, 29, 0.5) !important; color: #fca5a5 !important; } /* ===== ITEM DETAIL PAGE ===== */ html.dark .bg-\[\#F7F5F0\] { background: #1c1917 !important; } html.dark .aspect-\[4\/3\] { background: #292524 !important; } html.dark .no-scrollbar::-webkit-scrollbar { display: none; } /* ===== USER TRADE PAGES ===== */ html.dark .trade-card { background: #292524 !important; border-color: #44403c !important; } html.dark .trade-card .bg-stone-100 { background: #44403c !important; } html.dark .trade-status-pending { background: rgba(124, 45, 18, 0.3) !important; color: #fb923c !important; } html.dark .trade-status-accepted { background: rgba(20, 83, 45, 0.3) !important; color: #4ade80 !important; } html.dark .trade-status-rejected { background: rgba(127, 29, 29, 0.3) !important; color: #f87171 !important; } html.dark .message-bubble-me { background: #f97316 !important; color: #fff !important; } html.dark .message-bubble-them { background: #292524 !important; color: #d6d3d1 !important; border-color: #44403c !important; } /* ===== USER DASHBOARD ===== */ html.dark .dashboard-card { background: #292524 !important; border-color: #44403c !important; } html.dark .dashboard-card .bg-stone-100 { background: #44403c !important; } html.dark .stat-number { color: #f5f5f4 !important; } /* ===== PAGE REVIEWS ===== */ html.dark .review-card { background: #292524 !important; border-color: #44403c !important; } html.dark .review-card .bg-stone-100 { background: #44403c !important; } html.dark .star-empty { color: #44403c !important; } html.dark .star-filled { color: #fb923c !important; } html.dark .review-filter.active { background: #f97316 !important; color: #fff !important; } /* ===== USER ALERTS ===== */ html.dark .alert-card { background: #292524 !important; border-color: #44403c !important; } html.dark .alert-card .bg-stone-100 { background: #44403c !important; } /* ===== USER FAVORITES ===== */ html.dark .favorite-card { background: #292524 !important; border-color: #44403c !important; } /* ===== USER ITEMS ===== */ html.dark .user-item-card { background: #292524 !important; border-color: #44403c !important; } /* ===== MAIN / HOMEPAGE ===== */ html.dark #homepage { background: #1c1917 !important; } html.dark #homepage .bg-white { background: #292524 !important; } html.dark #homepage .bg-stone-100 { background: #44403c !important; } /* ===== FOOTER ===== */ html.dark footer { background: #292524 !important; border-top-color: #44403c !important; } html.dark footer .text-stone-500 { color: #a8a29e !important; } html.dark footer .text-stone-600 { color: #a8a29e !important; } /* ===== AUTH PAGES (login, register, forgot, recover) ===== */ html.dark .auth-card { background: #292524 !important; border-color: #44403c !important; } html.dark .auth-card input { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark .auth-card input:focus { border-color: #f97316 !important; } /* ===== CONTACT PAGE ===== */ html.dark .contact-card { background: #292524 !important; border-color: #44403c !important; } html.dark .contact-card textarea { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } /* ===== 404 PAGE ===== */ html.dark .error-404 { background: #292524 !important; border-color: #44403c !important; } /* ===== TRADE COUNTER / REQUEST ===== */ html.dark #trade-form input, html.dark #trade-form select, html.dark #trade-form textarea { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark #trade-form input:focus, html.dark #trade-form select:focus, html.dark #trade-form textarea:focus { border-color: #f97316 !important; } html.dark .trade-item-row { background: #292524 !important; border-color: #44403c !important; } html.dark .trade-item-row:hover { background: #44403c !important; } /* ===== ITEM SIDEBAR ===== */ html.dark .item-sidebar { background: #292524 !important; border-color: #44403c !important; } /* ===== ITEM FEEDBACK ===== */ html.dark .feedback-card { background: #292524 !important; border-color: #44403c !important; } /* ===== SUBDOMAIN NAVIGATION ===== */ html.dark .subdomain-nav { background: #292524 !important; border-color: #44403c !important; } /* ===== PAGE (generic CMS pages) ===== */ html.dark .page-content { background: #292524 !important; border-color: #44403c !important; } /* ===== USER SIDEBAR ===== */ html.dark .user-sidebar { background: #292524 !important; border-color: #44403c !important; } html.dark .user-sidebar a { color: #d6d3d1 !important; } html.dark .user-sidebar a:hover { background: rgba(124, 45, 18, 0.3) !important; color: #fb923c !important; } html.dark .user-sidebar .active { background: rgba(249, 115, 22, 0.2) !important; color: #fb923c !important; border-color: #f97316 !important; } /* ===== USER PUBLIC SIDEBAR ===== */ html.dark .user-public-sidebar { background: #292524 !important; border-color: #44403c !important; } /* ===== ALERT FORM ===== */ html.dark .alert-form { background: #292524 !important; border-color: #44403c !important; } /* ===== CUSTOM PAGE ===== */ html.dark .custom-page { background: #292524 !important; border-color: #44403c !important; } /* ===== LOOP PREMIUM ===== */ html.dark .premium-card { background: #292524 !important; border-color: #44403c !important; } /* ===== ITEM EDIT ===== */ html.dark #item-edit input, html.dark #item-edit select, html.dark #item-edit textarea { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark #item-edit input:focus, html.dark #item-edit select:focus, html.dark #item-edit textarea:focus { border-color: #f97316 !important; } /* ===== ITEM SEND FRIEND ===== */ html.dark #send-friend input, html.dark #send-friend textarea { background: #1c1917 !important; color: #f5f5f4 !important; border-color: #44403c !important; } /* ===== PROGRESS BARS ===== */ html.dark .bg-stone-200.rounded-full { background: #44403c !important; } html.dark .bg-orange-500.rounded-full { background: #f97316 !important; } /* ===== SCROLLBARS ===== */ html.dark ::-webkit-scrollbar { width: 8px; } html.dark ::-webkit-scrollbar-track { background: #1c1917; } html.dark ::-webkit-scrollbar-thumb { background: #44403c; border-radius: 4px; } html.dark ::-webkit-scrollbar-thumb:hover { background: #57534e; } /* ===== RADIO / CHECKBOX CUSTOM STYLES ===== */ html.dark input[type="radio"]:checked, html.dark input[type="checkbox"]:checked { accent-color: #f97316; } /* ===== LINKS ===== */ html.dark a { color: inherit; } html.dark a.text-orange-600 { color: #fb923c !important; } html.dark a.text-stone-500:hover { color: #fb923c !important; } html.dark a.text-stone-700:hover { color: #fb923c !important; } /* ===== DIVIDERS ===== */ html.dark hr { border-color: #44403c !important; } /* ===== SELECTION ===== */ html.dark ::selection { background: rgba(249, 115, 22, 0.3); color: #f5f5f4; } /* ===== INLINE STYLE OVERRIDES ===== */ html.dark [style*="background:#F7F5F0"], html.dark [style*="background: #F7F5F0"], html.dark [style*="background:#f7f5f0"], html.dark [style*="background: #f7f5f0"] { background: #1c1917 !important; } html.dark [style*="background:#ffedd5"], html.dark [style*="background: #ffedd5"] { background: rgba(157, 23, 77, 0.3) !important; } /* ===== DIVIDERS ===== */ html.dark .divide-stone-100 > * { border-color: #44403c !important; } html.dark .divide-stone-200 > * { border-color: #44403c !important; } /* ===== ADDITIONAL HOVER STATES ===== */ html.dark .hover\:bg-stone-200:hover { background: #44403c !important; } html.dark .hover\:bg-stone-300:hover { background: #57534e !important; } /* ===== PURPLE ACCENTS ===== */ html.dark .bg-purple-100 { background: rgba(88, 28, 135, 0.4) !important; } html.dark .bg-purple-50 { background: rgba(88, 28, 135, 0.3) !important; } html.dark .bg-purple-600 { background: #9333ea !important; } html.dark .text-purple-700 { color: #c084fc !important; } html.dark .border-purple-200 { border-color: rgba(88, 28, 135, 0.5) !important; } /* ===== EMERALD/GREEN ===== */ html.dark .bg-emerald-600 { background: #059669 !important; } html.dark .text-emerald-600 { color: #34d399 !important; } html.dark .text-emerald-700 { color: #6ee7b7 !important; } /* ===== STAR RATINGS ===== */ html.dark .fa-star.fill { color: #f59e0b !important; } html.dark .fa-star:not(.fill) { color: #78716c !important; } html.dark .hover\:text-amber-400:hover { color: #fbbf24 !important; } /* ===== GRADIENTS ===== */ html.dark .from-orange-100 { --tw-gradient-from: rgba(157, 23, 77, 0.4) var(--tw-gradient-from-position); } html.dark .to-orange-200 { --tw-gradient-to: rgba(157, 23, 77, 0.5) var(--tw-gradient-to-position); } /* ===== SKELETON / SHIMMER ===== */ html.dark .animate-pulse { background: #44403c !important; } /* ===== TOOLTIPS / POPOVERS ===== */ html.dark [role="tooltip"] { background: #292524 !important; color: #f5f5f4 !important; border-color: #44403c !important; } /* ===== MODALS / OVERLAYS ===== */ html.dark .fixed.inset-0.bg-black\/50 { background: rgba(0, 0, 0, 0.7) !important; } html.dark .fixed.inset-0.bg-black\/60 { background: rgba(0, 0, 0, 0.7) !important; } /* ===== BADGE COLORS ===== */ html.dark .bg-blue-100 { background: rgba(30, 58, 138, 0.3) !important; } html.dark .text-blue-700 { color: #93c5fd !important; } html.dark .bg-yellow-100 { background: rgba(120, 53, 15, 0.3) !important; } html.dark .text-yellow-700 { color: #fcd34d !important; } html.dark .bg-teal-100 { background: rgba(17, 94, 89, 0.3) !important; } html.dark .text-teal-700 { color: #5eead4 !important; } /* ===== DISABLED STATES ===== */ html.dark button:disabled, html.dark input:disabled, html.dark select:disabled, html.dark textarea:disabled { background: #292524 !important; color: #57534e !important; border-color: #44403c !important; opacity: 0.6; } /* ===== FOCUS RINGS ===== */ html.dark *:focus-visible { outline-color: #f97316 !important; } /* ===== CODE / PRE blocks ===== */ html.dark code, html.dark pre { background: #292524 !important; color: #e7e5e4 !important; border-color: #44403c !important; } /* ===== TABLES ===== */ html.dark table { border-color: #44403c !important; } html.dark th { background: #292524 !important; color: #f5f5f4 !important; border-color: #44403c !important; } html.dark td { color: #d6d3d1 !important; border-color: #44403c !important; } html.dark tr:hover td { background: #44403c !important; } /* ===== SCROLLBAR (Firefox) ===== */ html.dark * { scrollbar-color: #44403c #1c1917; } /* ===== MISSING ORANGE VARIANTS ===== */ html.dark .bg-orange-400 { background: #fb923c !important; } html.dark .bg-orange-700 { background: #c2410c !important; } html.dark .bg-orange-800 { background: #9a3412 !important; } html.dark .bg-orange-900 { background: #7c2d12 !important; } html.dark .text-orange-400 { color: #fb923c !important; } html.dark .text-orange-800 { color: #fb923c !important; } html.dark .text-orange-900 { color: #fdba74 !important; } html.dark .border-orange-300 { border-color: #fdba74 !important; } html.dark .hover\:bg-orange-100:hover { background: rgba(124, 45, 18, 0.4) !important; } html.dark .hover\:border-orange-300:hover { border-color: #f97316 !important; } /* ===== STONE DEEP SHADES ===== */ html.dark .bg-stone-800 { background: #292524 !important; } html.dark .bg-stone-700 { background: #44403c !important; } html.dark .text-stone-800 { color: #e7e5e4 !important; } /* ===== GREEN / EMERALD STATUSES ===== */ html.dark .bg-green-50 { background: rgba(20, 83, 45, 0.3) !important; } html.dark .bg-green-100 { background: rgba(20, 83, 45, 0.4) !important; } html.dark .bg-green-500 { background: #22c55e !important; } html.dark .bg-green-600 { background: #16a34a !important; } html.dark .bg-green-700 { background: #15803d !important; } html.dark .text-green-500 { color: #4ade80 !important; } html.dark .text-green-600 { color: #4ade80 !important; } html.dark .text-green-700 { color: #6ee7b7 !important; } html.dark .text-green-800 { color: #6ee7b7 !important; } html.dark .border-green-200 { border-color: rgba(20, 83, 45, 0.5) !important; } html.dark .border-green-300 { border-color: rgba(20, 83, 45, 0.6) !important; } /* ===== AMBER / YELLOW ===== */ html.dark .bg-amber-50 { background: rgba(120, 53, 15, 0.3) !important; } html.dark .bg-amber-600 { background: #d97706 !important; } html.dark .text-amber-400 { color: #fbbf24 !important; } html.dark .text-amber-500 { color: #fbbf24 !important; } html.dark .text-amber-600 { color: #fcd34d !important; } html.dark .border-amber-300 { border-color: rgba(120, 53, 15, 0.6) !important; } /* ===== BLUE ===== */ html.dark .bg-blue-50 { background: rgba(30, 58, 138, 0.3) !important; } html.dark .bg-blue-500 { background: #3b82f6 !important; } html.dark .bg-blue-600 { background: #2563eb !important; } html.dark .text-blue-500 { color: #60a5fa !important; } html.dark .text-blue-600 { color: #60a5fa !important; } html.dark .border-blue-200 { border-color: rgba(30, 58, 138, 0.5) !important; } /* ===== TEAL / CYAN ===== */ html.dark .bg-teal-50 { background: rgba(17, 94, 89, 0.3) !important; } html.dark .bg-teal-500 { background: #14b8a6 !important; } html.dark .text-teal-500 { color: #5eead4 !important; } html.dark .text-teal-600 { color: #5eead4 !important; } html.dark .border-teal-200 { border-color: rgba(17, 94, 89, 0.5) !important; } /* ===== GRAY (fallback) ===== */ html.dark .bg-gray-50 { background: #1c1917 !important; } html.dark .bg-gray-100 { background: #292524 !important; } html.dark .bg-gray-200 { background: #44403c !important; } html.dark .text-gray-500 { color: #a8a29e !important; } html.dark .text-gray-600 { color: #a8a29e !important; } html.dark .text-gray-700 { color: #d6d3d1 !important; } html.dark .border-gray-200 { border-color: #44403c !important; } /* ===== INDIGO ===== */ html.dark .bg-indigo-50 { background: rgba(49, 46, 129, 0.3) !important; } html.dark .bg-indigo-100 { background: rgba(49, 46, 129, 0.4) !important; } html.dark .bg-indigo-500 { background: #6366f1 !important; } html.dark .text-indigo-600 { color: #818cf8 !important; } html.dark .text-indigo-700 { color: #a5b4fc !important; } html.dark .border-indigo-200 { border-color: rgba(49, 46, 129, 0.5) !important; } /* ===== LIME ===== */ html.dark .bg-lime-50 { background: rgba(63, 98, 18, 0.3) !important; } html.dark .text-lime-600 { color: #a3e635 !important; } /* ===== ROSE ===== */ html.dark .bg-rose-50 { background: rgba(136, 19, 55, 0.3) !important; } html.dark .bg-rose-100 { background: rgba(136, 19, 55, 0.4) !important; } html.dark .text-rose-600 { color: #fb7185 !important; } html.dark .text-rose-700 { color: #fda4af !important; } html.dark .border-rose-200 { border-color: rgba(136, 19, 55, 0.5) !important; } /* ===== SKY ===== */ html.dark .bg-sky-50 { background: rgba(12, 74, 110, 0.3) !important; } html.dark .text-sky-600 { color: #7dd3fc !important; } /* ===== VIOLET ===== */ html.dark .bg-violet-50 { background: rgba(76, 29, 149, 0.3) !important; } html.dark .text-violet-600 { color: #a78bfa !important; } /* ===== FA-STAR RATING FIX ===== */ html.dark .fa-star { color: #78716c !important; } html.dark .fa-star.fill, html.dark .fa-star.is-rating-item.fill { color: #f59e0b !important; } html.dark .comment-rating i { color: #78716c !important; } html.dark .comment-rating i.fill { color: #f59e0b !important; } html.dark .comment-leave-rating i.is-rating-item { color: #78716c !important; } html.dark .comment-leave-rating i.is-rating-item.fill { color: #f59e0b !important; } html.dark .comment-leave-rating:hover i.is-rating-item { color: #f59e0b !important; } html.dark .comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item { color: #78716c !important; } html.dark .text-amber-400 { color: #f59e0b !important; } /* Empty stars: visible on dark cards */ html.dark .fa-regular.fa-star { color: #a8a29e !important; } html.dark .fa-regular.fa-star.text-stone-300 { color: #a8a29e !important; } /* Filled stars: keep orange in dark mode */ html.dark .fa-solid.fa-star.text-orange-400 { color: #f97316 !important; } html.dark .fa-solid.fa-star.text-amber-400 { color: #f59e0b !important; } /* ===== PROGRESS BARS ===== */ html.dark .bg-stone-200.rounded-full { background: #44403c !important; } html.dark .bg-orange-500.rounded-full { background: #f97316 !important; } html.dark .bg-green-500.rounded-full { background: #22c55e !important; } /* ===== SEPARATORS ===== */ html.dark .divide-y > * + * { border-color: #44403c !important; } /* ===== STRIPED TABLES ===== */ html.dark .even\:bg-stone-50:nth-child(even) { background: #292524 !important; } /* ===== ERROR MESSAGES ===== */ html.dark .error { background: rgba(127, 29, 29, 0.2) !important; color: #fca5a5 !important; border-color: rgba(127, 29, 29, 0.5) !important; } html.dark .error_list { background: rgba(127, 29, 29, 0.2) !important; border-color: rgba(127, 29, 29, 0.5) !important; } html.dark .error_list li { color: #fca5a5 !important; } /* ===== SUCCESS MESSAGES ===== */ html.dark .flashmessage { background: rgba(20, 83, 45, 0.2) !important; color: #86efac !important; border-color: rgba(20, 83, 45, 0.5) !important; } /* ===== INFO MESSAGES ===== */ html.dark .flashmessage-info { background: rgba(30, 58, 138, 0.2) !important; color: #93c5fd !important; border-color: rgba(30, 58, 138, 0.5) !important; } /* ===== WARNING MESSAGES ===== */ html.dark .flashmessage-warning { background: rgba(120, 53, 15, 0.2) !important; color: #fcd34d !important; border-color: rgba(120, 53, 15, 0.5) !important; } /* ===== COOKIE BANNER / NOTIFICATIONS ===== */ html.dark #cookie-banner, html.dark .cookie-banner { background: #292524 !important; color: #d6d3d1 !important; border-color: #44403c !important; } /* ===== BREADCRUMB ===== */ html.dark .breadcrumb { background: transparent !important; } html.dark .breadcrumb a { color: #a8a29e !important; } html.dark .breadcrumb a:hover { color: #f97316 !important; } html.dark .breadcrumb .active { color: #d6d3d1 !important; } /* ===== PAGINATION (core) ===== */ html.dark .pagination a { background: #292524 !important; border-color: #44403c !important; color: #a8a29e !important; } html.dark .pagination a:hover { border-color: #f97316 !important; color: #fb923c !important; } html.dark .pagination span.current { background: #f97316 !important; color: #fff !important; } /* ===== FANCYBOX / LIGHTBOX ===== */ html.dark .fancybox-bg { background: rgba(0, 0, 0, 0.85) !important; } /* ===== SELECT2 / DROPDOWN LIBRARIES ===== */ html.dark .select2-dropdown { background: #292524 !important; border-color: #44403c !important; } html.dark .select2-results__option { color: #d6d3d1 !important; } html.dark .select2-results__option--highlighted { background: rgba(249, 115, 22, 0.2) !important; color: #fb923c !important; } /* ===== DATEPICKER ===== */ html.dark .ui-datepicker { background: #292524 !important; border-color: #44403c !important; } html.dark .ui-datepicker-header { background: #44403c !important; color: #f5f5f4 !important; } html.dark .ui-datepicker-calendar td a { color: #d6d3d1 !important; } html.dark .ui-datepicker-calendar td a:hover { background: rgba(249, 115, 22, 0.2) !important; } /* ===== LOADING SPINNERS ===== */ html.dark .spinner { border-color: #44403c !important; border-top-color: #f97316 !important; } /* ===== IMAGE OVERLAYS ===== */ html.dark .overlay { background: rgba(12, 10, 9, 0.7) !important; } /* ===== PRINT (keep light for printing) ===== */ @media print { html.dark body { background: white !important; color: black !important; } html.dark .bg-white { background: white !important; } } /* ===== HOMEPAGE SPECIFIC (.sigma-modern) ===== */ html.dark .sigma-modern { background: #1c1917 !important; color: #f5f5f4 !important; } html.dark .sigma-modern .bg-orange-50 { background: rgba(124, 45, 18, 0.3) !important; } html.dark .sigma-modern .bg-orange-100 { background: rgba(124, 45, 18, 0.4) !important; } html.dark .sigma-modern .text-orange-400 { color: #fb923c !important; } html.dark .sigma-modern .text-orange-500 { color: #fb923c !important; } html.dark .sigma-modern .text-orange-600 { color: #fb923c !important; } html.dark .sigma-modern .text-orange-700 { color: #fdba74 !important; } html.dark .sigma-modern .border-orange-100 { border-color: #44403c !important; } html.dark .sigma-modern .border-orange-200 { border-color: #44403c !important; } html.dark .sigma-modern .border-orange-300 { border-color: #f97316 !important; } html.dark .sigma-modern .hover\:border-orange-300:hover { border-color: #f97316 !important; } html.dark .sigma-modern .hover\:text-orange-600:hover { color: #fb923c !important; } html.dark .sigma-modern .group-hover\:text-orange-600:hover { color: #fb923c !important; } html.dark .sigma-modern .hover\:shadow-orange-500\/30:hover { box-shadow: 0 20px 40px -10px rgba(249, 115, 22, 0.3) !important; } html.dark .sigma-modern .bg-gradient-to-r { --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); } html.dark .sigma-modern .bg-clip-text { -webkit-text-fill-color: transparent; } html.dark .sigma-modern .bg-gradient-to-r.from-orange-500.to-amber-400 { background-image: linear-gradient(to right, #f97316, #fbbf24) !important; } html.dark .sigma-modern .animate-ping { background: #f97316 !important; } html.dark .sigma-modern .bg-stone-100 { background: #44403c !important; } html.dark .sigma-modern .bg-stone-200 { background: #57534e !important; } html.dark .sigma-modern .text-stone-400 { color: #78716c !important; } html.dark .sigma-modern .text-stone-500 { color: #a8a29e !important; } html.dark .sigma-modern .text-stone-600 { color: #a8a29e !important; } html.dark .sigma-modern .text-stone-900 { color: #f5f5f4 !important; } html.dark .sigma-modern .card-hover { border-color: #44403c !important; background: #292524 !important; } html.dark .sigma-modern .card-hover:hover { box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4) !important; } html.dark .sigma-modern .hover\:bg-stone-50:hover { background: #44403c !important; } html.dark .sigma-modern .hover\:shadow-md:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4) !important; } html.dark .sigma-modern a.inline-block.px-8 { background: #292524 !important; border-color: #44403c !important; } html.dark .sigma-modern a.inline-block.px-8:hover { background: #44403c !important; } /* ===== HOMEPAGE BODY ===== */ html.dark body.home { background: #1c1917 !important; } html.dark body.home #main { background: transparent !important; } /* ===== PAGE (generic) ===== */ html.dark body.page { background: #1c1917 !important; }