fix mode dark

This commit is contained in:
2025-10-27 00:32:11 -05:00
parent 5fb0909e8d
commit 3d66b38e95

View File

@@ -617,31 +617,64 @@
} }
/* Question navigator buttons in dark theme */ /* Question navigator buttons in dark theme */
/* Dark theme question navigator buttons - DRY approach */
[data-theme="dark"] .question-nav-btn, [data-theme="dark"] .question-nav-btn,
[data-theme="dark"] .nav-question-btn { [data-theme="dark"] .nav-question-btn {
background: #2c3e50 !important; background: #34495e !important;
border-color: #4a5f7a !important; border: 2px solid #5a6c7d !important;
color: #e0e0e0 !important; color: #ecf0f1 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
transition: all 0.3s ease !important;
} }
/* Hover state for all buttons */
[data-theme="dark"] .question-nav-btn:hover, [data-theme="dark"] .question-nav-btn:hover,
[data-theme="dark"] .nav-question-btn:hover { [data-theme="dark"] .nav-question-btn:hover {
background: #3d566e !important; background: #4a5f7a !important;
border-color: var(--secondary-color) !important; border-color: #3498db !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4) !important;
transform: scale(1.05) !important;
} }
/* Visited questions - purple */
[data-theme="dark"] .question-nav-btn.visited,
[data-theme="dark"] .nav-question-btn.visited {
background: #8e44ad !important;
border-color: #a569bd !important;
color: #ffffff !important;
box-shadow: 0 3px 10px rgba(142, 68, 173, 0.4) !important;
}
[data-theme="dark"] .question-nav-btn.visited:hover,
[data-theme="dark"] .nav-question-btn.visited:hover {
background: #9b59b6 !important;
border-color: #bb8fce !important;
box-shadow: 0 4px 12px rgba(155, 89, 182, 0.5) !important;
}
/* Answered questions - green (higher priority than visited) */
[data-theme="dark"] .question-nav-btn.answered,
[data-theme="dark"] .nav-question-btn.answered,
[data-theme="dark"] .question-nav-btn.btn-success, [data-theme="dark"] .question-nav-btn.btn-success,
[data-theme="dark"] .nav-question-btn.answered { [data-theme="dark"] .nav-question-btn.btn-success {
background: var(--success-color) !important; background: #27ae60 !important;
border-color: var(--success-color) !important; border-color: #2ecc71 !important;
color: #ffffff !important; color: #ffffff !important;
box-shadow: 0 3px 10px rgba(39, 174, 96, 0.4) !important;
} }
/* Current question - blue (highest priority) */
[data-theme="dark"] .question-nav-btn.current,
[data-theme="dark"] .nav-question-btn.current,
[data-theme="dark"] .question-nav-btn.btn-primary, [data-theme="dark"] .question-nav-btn.btn-primary,
[data-theme="dark"] .nav-question-btn.current { [data-theme="dark"] .nav-question-btn.btn-primary {
background: var(--secondary-color) !important; background: #3498db !important;
border-color: var(--secondary-color) !important; border-color: #5dade2 !important;
color: #ffffff !important; color: #ffffff !important;
box-shadow: 0 3px 10px rgba(52, 152, 219, 0.5) !important;
transform: scale(1.1) !important;
z-index: 10 !important;
} }
/* Timer and other exam elements */ /* Timer and other exam elements */
@@ -656,8 +689,17 @@
/* Question navigator card */ /* Question navigator card */
[data-theme="dark"] .question-navigator { [data-theme="dark"] .question-navigator {
background: rgba(44, 62, 80, 0.95) !important; background: rgba(44, 62, 80, 0.98) !important;
color: #e0e0e0 !important; color: #ecf0f1 !important;
border: 1px solid #5a6c7d !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}
[data-theme="dark"] .question-navigator .card-title {
color: #ecf0f1 !important;
border-bottom: 1px solid #5a6c7d;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
} }
/* Modal theme support only - no interference with Bootstrap functionality */ /* Modal theme support only - no interference with Bootstrap functionality */