From e4a2f56ad104367ba66a067df2ae973dec9522b9 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 28 Jul 2023 19:57:05 +1000
Subject: [PATCH] feat(ui): tweak link colors

- make the `SDXLConcatLink` icon match existing colors in light mode
- make the link toggle button accent color when active (its not super obvious but at least there is *some* visual difference for the button)
---
 .../web/src/features/sdxl/components/ParamSDXLConcatButton.tsx | 2 +-
 .../web/src/features/sdxl/components/SDXLConcatLink.tsx        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
index 2787360b33..9393b245ef 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
@@ -33,7 +33,7 @@ export default function ParamSDXLConcatButton() {
         insetInlineEnd: 1,
         top: shouldPinParametersPanel ? 12 : 20,
         border: 'none',
-        color: 'base.500',
+        color: shouldConcatSDXLStylePrompt ? 'accent.500' : 'base.500',
         _hover: {
           bg: 'none',
         },
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
index ac21ceebc8..d64daae70d 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
@@ -72,7 +72,8 @@ export default function SDXLConcatLink() {
           top: '3px',
           p: 1,
           borderRadius: 4,
-          bg: 'accent.200',
+          bg: 'accent.400',
+          color: 'base.50',
           _dark: {
             bg: 'accent.500',
           },