9e544456db
This repository contains Transmission RSS Manager with the following changes: - Fixed dark mode navigation tab visibility issue - Improved text contrast in dark mode throughout the app - Created dedicated dark-mode.css for better organization - Enhanced JavaScript for dynamic styling in dark mode - Added complete installation scripts 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
71 lines
1.9 KiB
CSS
71 lines
1.9 KiB
CSS
/* 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;
|
|
}
|