Make web UI dark mode only, drop prefers-color-scheme light theme
This commit is contained in:
1 parent
8798466e5b
commit
c0192fca7a
1 file changed
+12
-25
+12
-25
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user