From ff5465c7bd0fb2697f81f28a729b7192df5f674f Mon Sep 17 00:00:00 2001 From: Catherine Tan Date: Mon, 23 Dec 2024 00:57:51 -0800 Subject: [PATCH] remove gray color --- components/ProgressBar/styles.ts | 5 +++-- styles/colors.ts | 1 - 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/components/ProgressBar/styles.ts b/components/ProgressBar/styles.ts index c3a210a7..aec66ed0 100644 --- a/components/ProgressBar/styles.ts +++ b/components/ProgressBar/styles.ts @@ -4,13 +4,14 @@ import COLORS from '@/styles/colors'; export const BackgroundDiv = styled.div` width: 100%; height: 0.375rem; - background-color: ${COLORS.gray}; + background-color: ${COLORS.lightgray}; position: relative; `; + export const ProgressDiv = styled.div<{ width: number }>` width: ${props => props.width}%; height: 0.375rem; - border-radius: 0.1875rem; + border-radius: 3px; background-color: ${COLORS.shrub}; top: 0; left: 0; diff --git a/styles/colors.ts b/styles/colors.ts index 821167bb..40c26422 100644 --- a/styles/colors.ts +++ b/styles/colors.ts @@ -10,7 +10,6 @@ const COLORS = { // grey black: '#222222', darkgray: '#555555', - gray: '#D9D9D9', midgray: '#888888', lightgray: '#DDDDDD', backgroundGrey: '#F7F6F3',