fix mode dark
This commit is contained in:
@@ -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 */
|
||||||
|
|||||||
Reference in New Issue
Block a user