From 617a8e1643ddef1d12bf73bfc4b8dc4f2c3c7cad Mon Sep 17 00:00:00 2001 From: juanatsap Date: Wed, 19 Nov 2025 15:52:01 +0000 Subject: [PATCH] fix: Correct LIV Golf border color for invert filter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Calculation: #5e5e5e inverted = #a1a1a1 - Set LIV Golf border to #a1a1a1 in dark theme - After invert(1) filter → appears as #5e5e5e (correct gray) - Light theme: resets to normal var(--icon-border) Filter inverts ENTIRE element including borders, so we pre-compensate by using the inverse color. --- static/css/01-foundation/_themes.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/static/css/01-foundation/_themes.css b/static/css/01-foundation/_themes.css index 1f99e6b..9365f11 100644 --- a/static/css/01-foundation/_themes.css +++ b/static/css/01-foundation/_themes.css @@ -297,11 +297,13 @@ [data-color-theme="dark"] img[src*="livgolf"], [data-color-theme="auto"] img[src*="livgolf"] { filter: invert(1); + border-color: #a1a1a1 !important; /* Inverted #5e5e5e - becomes #5e5e5e after invert */ } /* Only apply invert to auto theme when system is in dark mode */ @media (prefers-color-scheme: light) { [data-color-theme="auto"] img[src*="livgolf"] { filter: none; + border-color: var(--icon-border) !important; /* Reset to normal border */ } }