Swaps the role of `:root` (now light) and the data-theme attribute (now `[data-theme="dark"]`) in cassandra.css, flips the localStorage fallback from 'dark' to 'light' in base/login/verify templates, and updates the theme-toggle label and the branding-consistency test selectors to match. Existing users with cassandra.theme=dark in localStorage still see dark — their explicit preference wins. Only first-time visitors and users with no stored preference shift to light. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{ BRAND_NAME }} · Sign in</title>
|
|
<script>
|
|
(function() {
|
|
try { document.documentElement.dataset.theme = localStorage.getItem('cassandra.theme') || 'light'; }
|
|
catch (e) { document.documentElement.dataset.theme = 'light'; }
|
|
})();
|
|
</script>
|
|
<link rel="stylesheet" href="{{ url_for('static', path='/css/cassandra.css') }}" />
|
|
</head>
|
|
<body>
|
|
<div class="auth-shell">
|
|
<div class="auth-card">
|
|
<div class="auth-card__brand">{{ BRAND_NAME }}</div>
|
|
<div class="auth-card__hint">sign in with email</div>
|
|
|
|
{% if referrer_present %}
|
|
<div class="auth-info auth-info--invited">
|
|
<strong>You've been invited.</strong>
|
|
When you subscribe, you and your friend both get
|
|
<strong>50% off for 3 months</strong>. Sign up below to lock it in.
|
|
</div>
|
|
{% endif %}
|
|
|
|
<p class="auth-card__lede">
|
|
Enter your email and we'll send you a 6-digit code. No password.
|
|
First-time visitors get an account; returning visitors get a sign-in.
|
|
</p>
|
|
|
|
{% if error %}<div class="auth-error">{{ error }}</div>{% endif %}
|
|
|
|
<form method="post" action="/login" autocomplete="on">
|
|
<input type="hidden" name="next" value="{{ next_path or '/' }}">
|
|
{% if ref %}<input type="hidden" name="ref" value="{{ ref }}">{% endif %}
|
|
<label>Email
|
|
<input type="email" name="email" value="{{ email or '' }}" required autofocus>
|
|
</label>
|
|
<button type="submit">Send code</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|