From 9b92cceedbd92bdd2820fdc7f61b8d43f0507f67 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Jun 2024 20:57:08 +0800
Subject: [PATCH] Label and border updates

---
 packages/web/components/elements/LabelChip.tsx              | 2 +-
 .../components/patterns/LibraryCards/LibraryGridCard.tsx    | 4 +++-
 packages/web/components/tokens/stitches.config.ts           | 6 ++++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/elements/LabelChip.tsx b/packages/web/components/elements/LabelChip.tsx
index c807ef3ac..24bc6dccb 100644
--- a/packages/web/components/elements/LabelChip.tsx
+++ b/packages/web/components/elements/LabelChip.tsx
@@ -26,7 +26,7 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
         color: '$thLabelChipForeground',
         borderColor: props.isSelected
           ? '$thLabelChipSelectedBorder'
-          : '$thLabelChipUnselectedBorder',
+          : '$thLabelChipBackground',
         backgroundColor: '$thLabelChipBackground',
       }}
     >
diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 5c99cbed3..857816954 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -72,7 +72,9 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         borderStyle: 'none',
         overflow: 'hidden',
         cursor: 'pointer',
-        border: props.legacyLayout ? 'unset' : '1px solid black',
+        border: props.legacyLayout
+          ? 'unset'
+          : '1px solid $thLeftMenuBackground',
         '@media (max-width: 930px)': {
           width: 'calc(100% - 30px)',
         },
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index 7638b9de4..4351694c9 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -199,7 +199,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
         thHomeIcon: '#2A2A2A',
 
         thLabelChipForeground: '#2A2A2A',
-        thLabelChipBackground: '#F5F5F5',
+        thLabelChipBackground: '#EDEDED',
         thLabelChipSelectedBorder: 'black',
         thLabelChipUnselectedBorder: '#F5F5F5',
         thLabelOutlineChipBorder: '#D9D9D9',
@@ -354,7 +354,7 @@ const darkThemeSpec = {
     thHomeIcon: '#FFFFFF',
 
     thLabelChipForeground: '#EBEBEB',
-    thLabelChipBackground: '#2A2A2A',
+    thLabelChipBackground: '#343434',
     thLabelChipSelectedBorder: '#FFEA9F',
     thLabelChipUnselectedBorder: '#2A2A2A',
     thLabelOutlineChipBorder: '#6A696850',
@@ -438,6 +438,7 @@ const apolloThemeSpec = {
     backgroundMedium: '#525252',
 
     thLibraryMultiselectHover: '#EEE8D5',
+    thLabelChipBackground: '#6A6968',
   },
 }
 
@@ -456,6 +457,7 @@ const sepiaThemeSpec = {
     thNavMenuFooter: '#DDD6C1',
 
     thLibrarySelectionColor: '#DDD6C1',
+    thLabelChipBackground: '#EEE8D5',
     thBackground4: '#DDD6C166', // used on hover of menu items
     thBorderColor: '#DDD6C1',