Make web UI dark mode only, drop prefers-color-scheme light theme

This commit is contained in:
Honey committed 2026-07-21 23:59:23 +02:00
1 parent 8798466e5b
commit c0192fca7a
1 file changed
+12 -25
+12 -25
View File
@@ -5,33 +5,20 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Paperwall</title>
<style>
/* Dark mode only, no light theme -- doesn't follow prefers-color-scheme. */
:root {
--bg: #f6f6f4;
--surface: #ffffff;
--border: #e3e3e0;
--text: #1a1a1a;
--text-muted: #6b6b68;
--accent: #1a1a1a;
--accent-contrast: #ffffff;
--success: #1a7a3d;
--danger: #b3261e;
--bg: #121212;
--surface: #1c1c1c;
--border: #2f2f2f;
--text: #f2f2f0;
--text-muted: #9a9a97;
--accent: #f2f2f0;
--accent-contrast: #121212;
--success: #3fb26f;
--danger: #e4685a;
--radius: 12px;
--shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.05);
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #121212;
--surface: #1c1c1c;
--border: #2f2f2f;
--text: #f2f2f0;
--text-muted: #9a9a97;
--accent: #f2f2f0;
--accent-contrast: #121212;
--success: #3fb26f;
--danger: #e4685a;
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35);
}
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35);
color-scheme: dark;
}
* { box-sizing: border-box; }