diff --git a/src/components/BlogPostCard.tsx b/src/components/BlogPostCard.tsx index d4ce0a7d..d40d496a 100644 --- a/src/components/BlogPostCard.tsx +++ b/src/components/BlogPostCard.tsx @@ -31,7 +31,7 @@ const BlogPostCard: React.FC = ({ post, href, level, readingP if (readingProgress && readingProgress >= 0.95) { progressColor = '#10b981' // Green (completed) } else if (readingProgress && readingProgress > 0 && readingProgress <= 0.10) { - progressColor = '#f59e0b' // Amber (started) + progressColor = 'var(--color-text)' // Neutral text color (started) } return ( diff --git a/src/components/BookmarkViews/LargeView.tsx b/src/components/BookmarkViews/LargeView.tsx index aa9e3059..51158833 100644 --- a/src/components/BookmarkViews/LargeView.tsx +++ b/src/components/BookmarkViews/LargeView.tsx @@ -52,7 +52,7 @@ export const LargeView: React.FC = ({ if (readingProgress && readingProgress >= 0.95) { progressColor = '#10b981' // Green (completed) } else if (readingProgress && readingProgress > 0 && readingProgress <= 0.10) { - progressColor = '#f59e0b' // Amber (started) + progressColor = 'var(--color-text)' // Neutral text color (started) } const triggerOpen = () => handleReadNow({ preventDefault: () => {} } as React.MouseEvent) diff --git a/src/components/ReadingProgressIndicator.tsx b/src/components/ReadingProgressIndicator.tsx index ff3fe56c..e9a11534 100644 --- a/src/components/ReadingProgressIndicator.tsx +++ b/src/components/ReadingProgressIndicator.tsx @@ -32,8 +32,7 @@ export const ReadingProgressIndicator: React.FC = barColorClass = 'bg-green-500' barColorStyle = undefined } else if (isStarted) { - barColorClass = 'bg-amber-500' - barColorStyle = undefined + barColorStyle = 'var(--color-text)' // Neutral text color (matches card titles) } // Calculate left and right offsets based on sidebar states (desktop only) @@ -71,9 +70,11 @@ export const ReadingProgressIndicator: React.FC = {showPercentage && (
{isComplete ? '✓' : `${clampedProgress}%`}