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:
@@ -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 */
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user