From db30c05aa06123d40880348136bc544839edbf7d Mon Sep 17 00:00:00 2001 From: Gigi Date: Thu, 9 Oct 2025 15:56:26 +0100 Subject: [PATCH] refactor: simplify publication date styling - Remove background and border from publication date - Use white text with subtle drop shadow for all layouts - Icon now uses drop-shadow filter for better visibility - Cleaner, more minimal appearance that works well on any background --- src/index.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/src/index.css b/src/index.css index a9c1d3af..e0af17ba 100644 --- a/src/index.css +++ b/src/index.css @@ -547,17 +547,16 @@ body { align-items: center; gap: 0.4rem; font-size: 0.813rem; - color: rgba(136, 136, 136, 0.8); + color: #fff; padding: 0.4rem 0.75rem; - background: var(--surface-secondary); - border-radius: 6px; - border: 1px solid var(--border-color); + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); z-index: 10; } .publish-date-topright svg { font-size: 0.75rem; - opacity: 0.7; + opacity: 0.9; + filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)); } .reading-time { @@ -1162,12 +1161,6 @@ body { opacity: 0.7; } -.reader-hero-image .publish-date-topright { - background: rgba(0, 0, 0, 0.7); - backdrop-filter: blur(8px); - border: 1px solid rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} .reader-header-overlay .reading-time, .reader-header-overlay .highlight-indicator {