From 4841e5ac627ad8a5b7866e7133fbda1a59ffe1d2 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Fri, 20 Jun 2025 22:33:43 +0800 Subject: fix: like button filter gets overridden --- assets/css/like-button.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/assets/css/like-button.css b/assets/css/like-button.css index 8c347b6c..f26c776d 100644 --- a/assets/css/like-button.css +++ b/assets/css/like-button.css @@ -64,11 +64,17 @@ height: 32px; transition: all 0.3s ease; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); + @media (prefers-color-scheme:dark) { + filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) invert(1); + } } .liked #like-button-icon { filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(70%) contrast(150%) drop-shadow(0 2px 4px rgba(0,0,0,0.2)); animation: heartbeat 1.5s ease-in-out infinite; + @media (prefers-color-scheme:dark) { + filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(70%) contrast(150%) drop-shadow(0 2px 4px rgba(0,0,0,0.2)); + } } .like-count-display { @@ -134,18 +140,18 @@ bottom: 20px; right: 20px; } - + #like-button-icon { width: 28px; height: 28px; } - + .floating-like-button::before { right: -10px; transform: translateX(50%) translateY(5px); } - + .floating-like-button:hover::before { transform: translateX(50%) translateY(0); } -} \ No newline at end of file +} -- cgit v1.2.3