xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): keep night-plate opacity in the background colour

Browse Source
This commit is contained in:
LucaP
2026-10-10 20:20:18 +03:00
parent 10263a968b
commit f842d6df3a
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/route.css
View File

@@ -469,9 +469,12 @@
.reading-stage .chapter-body { .reading-stage .chapter-body {
border: 0; border: 0;
border-radius: 2px; border-radius: 2px;
background: /* The plate's opacity lives in its background colour, so the reading
surface stays measurably solid; the gradients only tint it. */
background-color: rgb(9 4 22 / 94%);
background-image:
linear-gradient(180deg, color-mix(in srgb, var(--chapter-accent, var(--accent)) 9%, transparent), transparent 140px), linear-gradient(180deg, color-mix(in srgb, var(--chapter-accent, var(--accent)) 9%, transparent), transparent 140px),
linear-gradient(104deg, rgb(7 3 18 / 96%), rgb(11 5 27 / 94%) 62%, rgb(14 7 32 / 93%)); linear-gradient(104deg, rgb(4 1 12 / 40%), transparent 62%, rgb(24 12 48 / 30%));
box-shadow: box-shadow:
inset 3px 0 0 var(--chapter-accent, var(--accent)), inset 3px 0 0 var(--chapter-accent, var(--accent)),
inset 0 1px 0 color-mix(in srgb, var(--chapter-accent, var(--accent)) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--chapter-accent, var(--accent)) 38%, transparent),