diff options
| author | Gab Virebent <gabriel1@virebent.art> | 2026-07-02 03:58:31 +0200 |
|---|---|---|
| committer | Gab Virebent <gabriel1@virebent.art> | 2026-07-02 03:58:31 +0200 |
| commit | 52eb46afad75d76c707ed11bbddddbcf5e121deb (patch) | |
| tree | 728a5590c028e16a8a824274b7657b235439fea2 /static/index.html | |
| parent | 4da18fe598f243c777d330ba9d50f1ecd4382b05 (diff) | |
| download | nymdrop-52eb46afad75d76c707ed11bbddddbcf5e121deb.tar.gz nymdrop-52eb46afad75d76c707ed11bbddddbcf5e121deb.tar.xz nymdrop-52eb46afad75d76c707ed11bbddddbcf5e121deb.zip | |
Add light/dark theme toggle, fix dark theme text contrast
Theme state persists via localStorage, applied pre-paint by theme-init.js
to avoid flash. All JS moved to external files (app.js, theme-init.js)
to keep script-src 'self' CSP intact, no inline scripts.
Dark theme footer/notice/tagline colors were too close to the background
(footer nearly matched the card border color) and hard to read; brightened
to readable grays while leaving the light theme and submit button untouched.
Diffstat (limited to 'static/index.html')
| -rw-r--r-- | static/index.html | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/static/index.html b/static/index.html index c957a01..33e5868 100644 --- a/static/index.html +++ b/static/index.html @@ -6,10 +6,13 @@ <meta name="referrer" content="no-referrer"> <title>NymDrop — Secure Submission</title> <link rel="stylesheet" href="/style.css"> + <script src="/theme-init.js"></script> </head> <body> <div class="card"> + <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Toggle light/dark theme"></button> + <div class="logo"> <div class="logo-icon">⬡</div> <h1>NYMDROP</h1> @@ -51,11 +54,6 @@ </div> <div class="footer">NYMDROP · ZERO KNOWLEDGE · ZERO LOGS</div> <script src="/crypto.js"></script> -<script> - document.getElementById('file').addEventListener('change', function() { - const name = this.files.length ? this.files[0].name : ''; - document.getElementById('filename').textContent = name; - }); -</script> +<script src="/app.js"></script> </body> </html> |