nino/manga-reader
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Filtro de luz azul en el lector

Browse Source 
Capa ámbar en modo multiplicar sobre las páginas (también durante las animaciones), bajo las barras.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
nino
2026-11-01 16:58:21 -06:00
co-authored by Claude Opus 5.5
parent 09354f675e
commit 41a87bc5ad
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/style.css
+3
View File
@@ -91,6 +91,9 @@ input:focus, select:focus { border-color: var(--accent); }
/* ---- Lector ---- */
.reader { min-height: 100vh; background: #000; position: relative; }
/* Filtro de luz azul: tono ámbar multiplicado sobre las páginas (bajo las barras del lector). */
.reader.bluelight::after { content: ''; position: fixed; inset: 0; z-index: 25; pointer-events: none;
background: #ff9a3c; mix-blend-mode: multiply; opacity: .42; }
.rbar { position: fixed; left: 0; right: 0; z-index: 30; display: flex; align-items: center; gap: 8px; padding: 8px 12px;
background: rgba(10, 9, 14, .9); backdrop-filter: blur(6px); transition: transform .2s; flex-wrap: wrap; }
.rbar.top { top: 0; padding-top: max(8px, env(safe-area-inset-top)); }