From c4936ed535e0699ef925e2f91c703d2952e92a2a Mon Sep 17 00:00:00 2001 From: Cohee <18619528+Cohee1207@users.noreply.github.com> Date: Wed, 15 May 2024 23:06:10 +0300 Subject: [PATCH] Properly colorize webkit search cancel button --- public/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/public/style.css b/public/style.css index 897df7af2..000761754 100644 --- a/public/style.css +++ b/public/style.css @@ -2374,16 +2374,16 @@ input[type=search]::-webkit-search-cancel-button { height: 1em; width: 1em; border-radius: 50em; - background: url('/img/times-circle.svg') no-repeat 50% 50%; + background-color: var(--SmartThemeBodyColor); + mask: url('/img/times-circle.svg') no-repeat 50% 50%; background-size: contain; - backdrop-filter: invert(1) contrast(9); opacity: 0; pointer-events: none; cursor: pointer; } input[type=search]:focus::-webkit-search-cancel-button { - opacity: .3; + opacity: .5; pointer-events: all; }