From ac5c3e017606120c53514b2e55abba634f4b2136 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 3 Mar 2023 19:01:07 +0800
Subject: [PATCH] Fill color for the progress bars in dark

---
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx  | 2 +-
 .../web/components/templates/homeFeed/LibraryFilterMenu.tsx   | 1 -
 packages/web/components/tokens/stitches.config.ts             | 4 ++++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 45c842056..fef912678 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -245,7 +245,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
             >
               <ProgressBar
                 fillPercentage={props.item.readingProgressPercent}
-                fillColor="#FFD234"
+                fillColor="$thProgressFg"
                 backgroundColor="$thBorderSubtle"
                 borderRadius="5px"
               />
diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
index 9e827f6b4..de9b5190f 100644
--- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
@@ -351,7 +351,6 @@ type AddLinkButtonProps = {
 function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
   const currentTheme = currentThemeName()
   const isDark = currentTheme == 'Dark'
-  console.log('current theme: ', isDark)
 
   return (
     <>
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index 15b0338c4..c4b8da1d3 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -189,6 +189,8 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
         thBorderColor: '#E1E1E1',
         thBorderSubtle: '#EEEEEE',
 
+        thProgressFg: '#FFD234',
+
         thHighContrast: '#D9D9D9',
       },
     },
@@ -275,6 +277,8 @@ const darkThemeSpec = {
     thBorderColor: '#4F4F4F',
     thBorderSubtle: '#6A6968',
 
+    thProgressFg: '#FFEA9F',
+
     thHighContrast: '#D9D9D9',
   },
   shadows: {