diff --git a/front/src/components/table/ColumnHead.tsx b/front/src/components/table/ColumnHead.tsx index a62f75f2a..7603036c7 100644 --- a/front/src/components/table/ColumnHead.tsx +++ b/front/src/components/table/ColumnHead.tsx @@ -12,7 +12,6 @@ const StyledTitle = styled.div` flex-direction: row; align-items: center; height: ${(props) => props.theme.spacing(8)}; - color: ${(props) => props.theme.text60}; font-weight: 500; padding-left: ${(props) => props.theme.spacing(2)}; `; diff --git a/front/src/components/table/Table.tsx b/front/src/components/table/Table.tsx index 3c0c813ca..5ca35bfd9 100644 --- a/front/src/components/table/Table.tsx +++ b/front/src/components/table/Table.tsx @@ -23,6 +23,7 @@ const StyledTable = styled.table` border-spacing: 0; th { + color: ${(props) => props.theme.text40}; padding: 0; border-top: 1px solid ${(props) => props.theme.primaryBorder}; border-bottom: 1px solid ${(props) => props.theme.primaryBorder}; @@ -33,6 +34,7 @@ const StyledTable = styled.table` } td { + color: ${(props) => props.theme.text80}; padding: 0; border-bottom: 1px solid ${(props) => props.theme.primaryBorder}; text-align: left; diff --git a/front/src/layout/styles/themes.ts b/front/src/layout/styles/themes.ts index 74eee0bda..2a14bdc9b 100644 --- a/front/src/layout/styles/themes.ts +++ b/front/src/layout/styles/themes.ts @@ -28,9 +28,9 @@ const lightThemeSpecific = { primaryBorder: 'rgba(0, 0, 0, 0.08)', text100: '#000', - text80: '#333', + text80: '#333333', text60: '#666', - text40: '#999', + text40: '#999999', text30: '#b3b3b3', text20: '#ccc', text0: '#fff',