readme and css updates
This commit is contained in:
@@ -845,3 +845,59 @@ body.dark-mode .modal-body select {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* Comprehensive Dark Mode Fix - Dashboard */
|
||||
body.dark-mode {
|
||||
background: #1a202c !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
body.dark-mode .dashboard-container,
|
||||
body.dark-mode .dashboard-content {
|
||||
background: #1a202c !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
/* Ensure table has dark background */
|
||||
body.dark-mode table {
|
||||
background: #2d3748 !important;
|
||||
}
|
||||
|
||||
body.dark-mode table thead {
|
||||
background: #1a202c !important;
|
||||
}
|
||||
|
||||
body.dark-mode table tbody tr {
|
||||
background: #2d3748 !important;
|
||||
}
|
||||
|
||||
body.dark-mode table tbody tr:hover {
|
||||
background: #374151 !important;
|
||||
}
|
||||
|
||||
body.dark-mode table td,
|
||||
body.dark-mode table th {
|
||||
color: #e2e8f0 !important;
|
||||
border-color: #4a5568 !important;
|
||||
}
|
||||
|
||||
/* Fix search box */
|
||||
body.dark-mode .search-box,
|
||||
body.dark-mode input[type="search"],
|
||||
body.dark-mode input[type="text"] {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
border-color: #4a5568 !important;
|
||||
}
|
||||
|
||||
/* Fix any white backgrounds in modals */
|
||||
body.dark-mode .modal-content {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
/* Fix dropdown menus */
|
||||
body.dark-mode select option {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
@@ -599,3 +599,80 @@ body.dark-mode #activity-tab {
|
||||
body.dark-mode #activity-tab p {
|
||||
color: var(--text-primary, #f7fafc);
|
||||
}
|
||||
|
||||
/* Comprehensive Dark Mode Fix - Ensure no white on white */
|
||||
body.dark-mode {
|
||||
--bg-primary: #1a202c;
|
||||
--bg-secondary: #2d3748;
|
||||
--bg-tertiary: #4a5568;
|
||||
--text-primary: #e2e8f0;
|
||||
--text-secondary: #cbd5e0;
|
||||
--text-muted: #a0aec0;
|
||||
--border-color: #4a5568;
|
||||
--card-bg: #2d3748;
|
||||
}
|
||||
|
||||
/* Ensure ticket container has dark background */
|
||||
body.dark-mode .ticket-container {
|
||||
background: #1a202c !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
/* Ensure all ticket details sections are dark */
|
||||
body.dark-mode .ticket-details {
|
||||
background: #1a202c !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
/* Ensure detail groups are dark */
|
||||
body.dark-mode .detail-group {
|
||||
background: transparent !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
/* Ensure labels are visible */
|
||||
body.dark-mode .detail-group label,
|
||||
body.dark-mode label {
|
||||
color: #cbd5e0 !important;
|
||||
}
|
||||
|
||||
/* Fix textarea and input fields */
|
||||
body.dark-mode textarea,
|
||||
body.dark-mode input[type="text"] {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
border-color: #4a5568 !important;
|
||||
}
|
||||
|
||||
/* Ensure timeline event backgrounds are dark */
|
||||
body.dark-mode .timeline-event {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix any remaining white text issues */
|
||||
body.dark-mode .timeline-details {
|
||||
color: #cbd5e0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix comment sections */
|
||||
body.dark-mode .comment {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
body.dark-mode .comment-text {
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
body.dark-mode .comment-header {
|
||||
color: #cbd5e0 !important;
|
||||
}
|
||||
|
||||
/* Fix any form elements */
|
||||
body.dark-mode select,
|
||||
body.dark-mode .editable {
|
||||
background: #2d3748 !important;
|
||||
color: #e2e8f0 !important;
|
||||
border-color: #4a5568 !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user