admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feature: set table text colors

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-19 15:28:41 +02:00
parent d1f05993be
commit 28af85fcb7
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/components/table/ColumnHead.tsx
View File

@ -12,7 +12,6 @@ const StyledTitle = styled.div`
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
height: ${(props) => props.theme.spacing(8)}; height: ${(props) => props.theme.spacing(8)};
color: ${(props) => props.theme.text60};
font-weight: 500; font-weight: 500;
padding-left: ${(props) => props.theme.spacing(2)}; padding-left: ${(props) => props.theme.spacing(2)};
`; `;

2
front/src/components/table/Table.tsx
View File

@ -23,6 +23,7 @@ const StyledTable = styled.table`
border-spacing: 0; border-spacing: 0;
th { th {
color: ${(props) => props.theme.text40};
padding: 0; padding: 0;
border-top: 1px solid ${(props) => props.theme.primaryBorder}; border-top: 1px solid ${(props) => props.theme.primaryBorder};
border-bottom: 1px solid ${(props) => props.theme.primaryBorder}; border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
@ -33,6 +34,7 @@ const StyledTable = styled.table`
} }
td { td {
color: ${(props) => props.theme.text80};
padding: 0; padding: 0;
border-bottom: 1px solid ${(props) => props.theme.primaryBorder}; border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
text-align: left; text-align: left;

4
front/src/layout/styles/themes.ts
View File

@ -28,9 +28,9 @@ const lightThemeSpecific = {
primaryBorder: 'rgba(0, 0, 0, 0.08)', primaryBorder: 'rgba(0, 0, 0, 0.08)',
text100: '#000', text100: '#000',
text80: '#333', text80: '#333333',
text60: '#666', text60: '#666',
text40: '#999', text40: '#999999',
text30: '#b3b3b3', text30: '#b3b3b3',
text20: '#ccc', text20: '#ccc',
text0: '#fff', text0: '#fff',