Skip to content

Commit d4d23e0

Browse files
authored
feat: use tableHeaderFontColor from theme (#300)
1 parent 10a7318 commit d4d23e0

File tree

2 files changed

+3
-1
lines changed

2 files changed

+3
-1
lines changed

src/Table/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ export const ColoredTable = styled(Table)`
9797
/* Show the header in deep blue */
9898
th.mll-ant-table-cell {
9999
background-color: ${(props) => props.theme.tableHeaderBackgroundColor};
100-
color: white;
100+
color: ${(props) => props.theme.tableHeaderFontColor};
101101
}
102102
103103
/* Less jarring than the default hover color */

src/theme.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@ export type Theme = {
5555
warningColor: string;
5656

5757
tableHeaderBackgroundColor: string;
58+
tableHeaderFontColor: string;
5859
tableRowStripeBackgroundColor: string;
5960

6061
fontSize?: string;
@@ -75,6 +76,7 @@ export const THEME: Theme = {
7576
panelBackgroundColor: PALETTE.gray3,
7677
tableBorderColor: PALETTE.gray4,
7778
tableHeaderBackgroundColor: PALETTE.tableHeaderBackgroundColor,
79+
tableHeaderFontColor: PALETTE.white,
7880
tableRowStripeBackgroundColor: PALETTE.tableRowStripeBackgroundColor,
7981
titleColor: PALETTE.gray5,
8082
disabledColors: {

0 commit comments

Comments
 (0)