fix(PR): use color from theme and fix story

kronostechnologies · Jan 29, 2024 · 605ccd7 · 605ccd7
1 parent 43992e8
commit 605ccd7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/react/src/components/table/table.tsx b/packages/react/src/components/table/table.tsx
@@ -183,7 +183,7 @@ function getRenderedColumns<T extends object>(rowNumbers: boolean, columns: Tabl
 }
 
 const StyledTable = styled.table<StyledTableProps>`
-    background: white;
+    background: ${({ theme }) => theme.greys.white};;
     border-collapse: collapse;
     color: ${({ theme }) => theme.greys['neutral-90']};
     width: 100%;

diff --git a/packages/storybook/stories/table.stories.tsx b/packages/storybook/stories/table.stories.tsx
@@ -1089,6 +1089,9 @@ export const StickyHeaderAndFooter: Story = () => {
     );
 };
 
+const StyledTableWithBackground = styled(Table<StickyFooterData>)`
+        background: #a9cad8;
+`;
 export const WithBackgroundColor: Story = () => {
     const columns: TableColumn<StickyFooterData> = [
         {
@@ -1212,13 +1215,9 @@ export const WithBackgroundColor: Story = () => {
         },
     ];
 
-    const StyleTable = styled(Table<StickyFooterData>)`
-        background: #a9cad8;
-    `;
-
     return (
         <Wrap>
-            <StyleTable
+            <StyledTableWithBackground
                 selectableRows
                 stickyHeader
                 stickyFooter