fix: Correct LIV Golf border color for invert filter

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.
This commit is contained in:
juanatsap
2025-11-19 15:52:01 +00:00
parent 93e7b81061
commit 617a8e1643
+2
View File
@@ -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 */
}
}