ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor dark mode styles: update CSS variables for dark mode theme and set default background and text colors

Browse Source
This commit is contained in:
Ross
2025-11-17 10:49:31 +00:00
parent d86f990be2
commit 81cd109449
1 changed files with 12 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
physics/templates/physics/exam_take.html
-15
View File
@@ -58,21 +58,7 @@
- Also supports a manual `.dark-mode` class on body or a parent - Also supports a manual `.dark-mode` class on body or a parent
*/ */
:root {
--bg: #ffffff;
--text: #212529;
--muted: #6c757d;
--secondary: #6c757d;
--card-bg: #ffffff;
--card-border: #e9ecef;
--primary: #0d6efd;
--success: #198754;
--danger: #dc3545;
--feedback-bg: #f8f9fa;
--shadow: 0 1px 2px rgba(0,0,0,0.03);
}
@media (prefers-color-scheme: dark) {
:root { :root {
--bg: #050607; --bg: #050607;
--text: #e6eef6; --text: #e6eef6;
@@ -86,7 +72,6 @@
--shadow: 0 2px 6px rgba(0,0,0,0.6); --shadow: 0 2px 6px rgba(0,0,0,0.6);
} }
body, .exam-take-container { background: var(--bg); color: var(--text); } body, .exam-take-container { background: var(--bg); color: var(--text); }
}
/* Manual override: add `dark-mode` to body or a parent to force dark theme */ /* Manual override: add `dark-mode` to body or a parent to force dark theme */
body.dark-mode, .dark-mode { color: var(--text); background: var(--bg); } body.dark-mode, .dark-mode { color: var(--text); background: var(--bg); }