Skip to content

Commit 9844761

Browse files
authored
fix: dark mode color styles in drag_drop.css
Updated colors for better visibility in drag and drop quiz in dark theme
1 parent 026498c commit 9844761

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

_static/drag_drop.css

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
2-
31
/* drag and drop styling */
42
.drag-drop-quiz {
53
max-width: 900px;
@@ -35,6 +33,7 @@
3533
flex: 0 0 60%;
3634
padding: 12px;
3735
background: #f8f9fa;
36+
color: #333333;
3837
border: 1px solid #e9ecef;
3938
border-radius: 8px;
4039
}
@@ -85,7 +84,6 @@
8584

8685
.options-title {
8786
margin-bottom: 15px;
88-
color: #555;
8987
padding-bottom: 5px;
9088
}
9189

@@ -149,6 +147,11 @@
149147
color: #00305e;
150148
}
151149

150+
151+
html[data-theme='dark'] .reset-button {
152+
color: #818bac;
153+
}
154+
152155
.reset-button:hover {
153156
background: #00305e;
154157
color: white;
@@ -184,4 +187,4 @@
184187

185188
.drop-area.incorrect-answer {
186189
background-color: #f8d7da;
187-
}
190+
}

0 commit comments

Comments
 (0)