From 98ff303b54b891e391d03b248c3326a130070752 Mon Sep 17 00:00:00 2001 From: Lochie Axon Date: Tue, 6 Feb 2024 11:18:51 +1100 Subject: [PATCH] fix: divider color --- .../src/components/Common/ScrollArea/styles.ts | 10 ++++++++-- packages/connectkit/src/styles/themes/base.ts | 1 + 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/connectkit/src/components/Common/ScrollArea/styles.ts b/packages/connectkit/src/components/Common/ScrollArea/styles.ts index 09fde9d1..42ec00a7 100644 --- a/packages/connectkit/src/components/Common/ScrollArea/styles.ts +++ b/packages/connectkit/src/components/Common/ScrollArea/styles.ts @@ -84,7 +84,10 @@ export const ScrollAreaContainer = styled.div<{ top: 0; bottom: 0; width: var(--fade-height); - background: var(--ck-body-divider); + background: var( + --ck-body-divider-secondary, + var(--ck-body-divider) + ); box-shadow: var(--ck-body-divider-box-shadow); transition: opacity 300ms ease; } @@ -123,7 +126,10 @@ export const ScrollAreaContainer = styled.div<{ left: 0; right: 0; height: var(--fade-height); - background: var(--ck-body-divider); + background: var( + --ck-body-divider-secondary, + var(--ck-body-divider) + ); box-shadow: var(--ck-body-divider-box-shadow); transition: opacity 300ms ease; } diff --git a/packages/connectkit/src/styles/themes/base.ts b/packages/connectkit/src/styles/themes/base.ts index 7b5ab4fa..0c011e45 100644 --- a/packages/connectkit/src/styles/themes/base.ts +++ b/packages/connectkit/src/styles/themes/base.ts @@ -64,6 +64,7 @@ export default { '--ck-body-background-tertiary': '#F3F4F7', '--ck-body-action-color': '#999999', '--ck-body-divider': '#f7f6f8', + '--ck-body-divider-secondary': 'rgba(0, 0, 0, 0.06)', '--ck-body-color-danger': '#FF4E4E', '--ck-body-color-valid': '#32D74B', '--ck-siwe-border': '#F0F0F0',