From 3d66b38e9582a3346bfad1f45a3d43c341ab52a9 Mon Sep 17 00:00:00 2001
From: Astound <kirito@disroot.org>
Date: Mon, 27 Oct 2025 00:32:11 -0500
Subject: [PATCH] fix mode dark

---
 static/css/custom.css | 68 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 55 insertions(+), 13 deletions(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index fcd0062..cd4c973 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -617,31 +617,64 @@
 }
 
 /* Question navigator buttons in dark theme */
+/* Dark theme question navigator buttons - DRY approach */
 [data-theme="dark"] .question-nav-btn,
 [data-theme="dark"] .nav-question-btn {
-    background: #2c3e50 !important;
-    border-color: #4a5f7a !important;
-    color: #e0e0e0 !important;
+    background: #34495e !important;
+    border: 2px solid #5a6c7d !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"] .nav-question-btn:hover {
-    background: #3d566e !important;
-    border-color: var(--secondary-color) !important;
+    background: #4a5f7a !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"] .nav-question-btn.answered {
-    background: var(--success-color) !important;
-    border-color: var(--success-color) !important;
+[data-theme="dark"] .nav-question-btn.btn-success {
+    background: #27ae60 !important;
+    border-color: #2ecc71 !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"] .nav-question-btn.current {
-    background: var(--secondary-color) !important;
-    border-color: var(--secondary-color) !important;
+[data-theme="dark"] .nav-question-btn.btn-primary {
+    background: #3498db !important;
+    border-color: #5dade2 !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 */
@@ -656,8 +689,17 @@
 
 /* Question navigator card */
 [data-theme="dark"] .question-navigator {
-    background: rgba(44, 62, 80, 0.95) !important;
-    color: #e0e0e0 !important;
+    background: rgba(44, 62, 80, 0.98) !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 */