make sure image settings icon works on dark backgrounds ok

webstudio-is · Dec 23, 2024 · c175371 · c175371
1 parent 8e88bd9
commit c175371
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/builder/app/builder/shared/image-manager/image-info-tigger.tsx b/apps/builder/app/builder/shared/image-manager/image-info-tigger.tsx
@@ -35,13 +35,16 @@ export const ImageInfoTrigger = ({
           css={{
             visibility: `var(${triggerVisibilityVar}, hidden)`,
             position: "absolute",
-            color: theme.colors.foregroundSubtle,
+            color: theme.colors.backgroundIconSubtle,
             top: theme.spacing[3],
             right: theme.spacing[3],
             cursor: "pointer",
             transition: "opacity 100ms ease",
+            "& svg": {
+              fill: `oklch(from ${theme.colors.white} l c h / 0.9)`,
+            },
             "&:hover": {
-              color: theme.colors.foregroundMain,
+              color: theme.colors.foregroundIconMain,
             },
           }}
           icon={<GearIcon />}