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>
56 lines
1.2 KiB
CSS
56 lines
1.2 KiB
CSS
/* Dark mode overrides */
|
|
body.dark-mode {
|
|
background-color: #121212;
|
|
color: #f5f5f5;
|
|
}
|
|
|
|
/* Ensure all form labels are white in dark mode */
|
|
body.dark-mode label,
|
|
body.dark-mode .form-label,
|
|
body.dark-mode .form-check-label {
|
|
color: white !important;
|
|
}
|
|
|
|
/* All inputs in forms */
|
|
body.dark-mode .form-control,
|
|
body.dark-mode .form-select {
|
|
background-color: #2c2c2c;
|
|
color: white;
|
|
border-color: #444;
|
|
}
|
|
|
|
/* Cards and containers */
|
|
body.dark-mode .card {
|
|
background-color: #1e1e1e;
|
|
border-color: #333;
|
|
}
|
|
|
|
body.dark-mode .card-header {
|
|
background-color: #252525;
|
|
border-color: #333;
|
|
}
|
|
|
|
/* Advanced tab specific fixes */
|
|
body.dark-mode #tab-advanced label,
|
|
body.dark-mode #tab-advanced .form-check-label {
|
|
color: white !important;
|
|
}
|
|
|
|
body.dark-mode #detailed-logging + label,
|
|
body.dark-mode #show-completed-torrents + label,
|
|
body.dark-mode #confirm-delete + label {
|
|
color: white !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
/* Make all form switches visible */
|
|
body.dark-mode .form-switch .form-check-label {
|
|
color: white !important;
|
|
}
|
|
|
|
/* Specific fix for known problematic labels */
|
|
#detailed-logging-label,
|
|
#show-completed-torrents-label,
|
|
#confirm-delete-label {
|
|
color: white !important;
|
|
} |