Skip to content

Commit b93e9dd

Browse files
juliankenclaude
andauthored
refactor(posts): drop hero scanline overlay and saturation filter (#368)
Pulls back the CRT treatment introduced in #367. The accent-tinted scanline ::after overlay and the compensating saturate(1.7)/contrast image filter were a coupled pair: scanlines washed the image with chroma, the filter cranked saturation to fight back. Removing both together restores natural image color without leaving the image over-saturated. Kept: 21:9 aspect lock, rounded-2xl corners, page-bg inset feather, the four-stop convex sheen on ::before, dark-mode convexity correction, the three-ring accent glow halo, and per-post --hero-glow tinting. Stale comments referencing the removed pieces were tidied to match. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 177a7ab commit b93e9dd

1 file changed

Lines changed: 4 additions & 26 deletions

File tree

src/app/globals.css

Lines changed: 4 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -699,9 +699,9 @@ a.card-scanline:active {
699699

700700
/* ──────────────────────────────────────────────
701701
HERO FILTER
702-
Theme-tinted scanline overlay for the hero image.
703-
Inherits --accent so the wash flips from purple
704-
(#7c3aed) to lavender (#b49cff) on theme toggle.
702+
CRT-glass treatment for the hero image: convex
703+
sheen + vignette on ::before, accent-tinted glow
704+
halo via box-shadow.
705705
────────────────────────────────────────────── */
706706

707707
.hero-filter {
@@ -780,11 +780,6 @@ a.card-scanline:active {
780780
);
781781
}
782782

783-
/* Counteract the scanline wash desaturating the underlying image. */
784-
.hero-filter img {
785-
filter: saturate(1.7) contrast(1.08);
786-
}
787-
788783
/* Layered overlay above the image:
789784
- Soft edge feather (inset shadow in page bg) dissolves the hero into
790785
the surrounding page instead of cutting out abruptly.
@@ -794,7 +789,7 @@ a.card-scanline:active {
794789
screens fall off in brightness at the corners as the glass curves
795790
away from the viewer.
796791
Painted on ::before so it composites above the absolutely-positioned
797-
image but below the scanline ::after at z:3. */
792+
image. */
798793
.hero-filter::before {
799794
content: "";
800795
position: absolute;
@@ -836,23 +831,6 @@ a.card-scanline:active {
836831
z-index: 2;
837832
}
838833

839-
.hero-filter::after {
840-
content: "";
841-
position: absolute;
842-
inset: 0;
843-
pointer-events: none;
844-
background-image: repeating-linear-gradient(
845-
0deg,
846-
transparent 0px,
847-
transparent 3px,
848-
color-mix(in srgb, var(--accent) 12%, transparent) 3px,
849-
color-mix(in srgb, var(--accent) 12%, transparent) 5px
850-
);
851-
/* Above .ascii-preview-img (z:2) so scanlines paint on top of the
852-
loaded image, not behind a same-z DOM-order tiebreak. */
853-
z-index: 3;
854-
}
855-
856834
/* ──────────────────────────────────────────────
857835
REDUCED MOTION
858836
Disable all animations and transitions when

0 commit comments

Comments
 (0)