feature: set table text colors

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)};
 `;

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;

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',