/* Dark mode specific overrides - Created to fix dark mode text visibility */ /* These styles ensure proper text contrast in dark mode */ body.dark-mode .form-check-label, body.dark-mode label, body.dark-mode .form-text, body.dark-mode .card-body label, body.dark-mode .nav-tabs .nav-link { color: #f5f5f5 \!important; } /* Tab navigation in dark mode */ body.dark-mode .nav-tabs .nav-link.active { background-color: #375a7f; border-color: #444 #444 #375a7f; color: #ffffff \!important; font-weight: bold; } body.dark-mode .nav-tabs .nav-link:not(.active):hover { border-color: #444; background-color: #2c2c2c; color: #ffffff \!important; } /* Ensure form elements in dark mode are visible */ body.dark-mode .form-control::placeholder { color: #adb5bd; opacity: 0.7; } /* Top navigation in dark mode */ body.dark-mode .navbar-nav .nav-link.active { background-color: #375a7f; color: #ffffff \!important; font-weight: bold; border-radius: 4px; } /* Advanced tab specific fixes */ body.dark-mode #tab-advanced .form-check-label, body.dark-mode #tab-advanced label, body.dark-mode #tab-advanced .form-text { color: #ffffff \!important; } /* Ensure all tabs have proper text color */ body.dark-mode #tab-transmission, body.dark-mode #tab-rss, body.dark-mode #tab-processing, body.dark-mode #tab-appearance, body.dark-mode #tab-advanced { color: #f5f5f5 \!important; } body.dark-mode #tab-transmission *, body.dark-mode #tab-rss *, body.dark-mode #tab-processing *, body.dark-mode #tab-appearance *, body.dark-mode #tab-advanced * { color: #f5f5f5 \!important; } /* Emergency fix for specific labels that were still problematic */ body.dark-mode #detailed-logging-label, body.dark-mode #show-completed-torrents-label, body.dark-mode #confirm-delete-label { color: white \!important; font-weight: 500 \!important; }