From f54d70ec459a2369fbedb7cc218a635ecc298bb2 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Fri, 11 Apr 2025 10:00:23 +0200
Subject: [PATCH] Improve styles

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/css/components.css                         | 8 +++-----
 packages/canon/css/datatable.css                          | 3 +--
 packages/canon/css/styles.css                             | 8 +++-----
 packages/canon/css/table.css                              | 5 ++---
 .../DataTable/Pagination/DataTablePagination.styles.css   | 3 +--
 packages/canon/src/components/Table/styles.css            | 5 ++---
 6 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index e138c9bdd6..84757e9bf0 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -101,8 +101,7 @@
 }
 
 .canon-DataTablePagination {
-  padding-top: var(--canon-space-3);
-  border-top: 1px solid var(--canon-border);
+  padding-top: var(--canon-space-5);
   justify-content: space-between;
   align-items: center;
   display: flex;
@@ -220,12 +219,11 @@
   text-align: left;
   padding: var(--canon-space-3);
   font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableBody {
-  & tr:last-child {
-    border-bottom: none;
-  }
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableRow {
diff --git a/packages/canon/css/datatable.css b/packages/canon/css/datatable.css
index 081bc11ce9..b20f7b558d 100644
--- a/packages/canon/css/datatable.css
+++ b/packages/canon/css/datatable.css
@@ -1,6 +1,5 @@
 .canon-DataTablePagination {
-  padding-top: var(--canon-space-3);
-  border-top: 1px solid var(--canon-border);
+  padding-top: var(--canon-space-5);
   justify-content: space-between;
   align-items: center;
   display: flex;
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index 46fd6f05d1..b606ce2f20 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9325,8 +9325,7 @@
 }
 
 .canon-DataTablePagination {
-  padding-top: var(--canon-space-3);
-  border-top: 1px solid var(--canon-border);
+  padding-top: var(--canon-space-5);
   justify-content: space-between;
   align-items: center;
   display: flex;
@@ -9444,12 +9443,11 @@
   text-align: left;
   padding: var(--canon-space-3);
   font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableBody {
-  & tr:last-child {
-    border-bottom: none;
-  }
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableRow {
diff --git a/packages/canon/css/table.css b/packages/canon/css/table.css
index dd25410a0e..c27fe3235d 100644
--- a/packages/canon/css/table.css
+++ b/packages/canon/css/table.css
@@ -8,12 +8,11 @@
   text-align: left;
   padding: var(--canon-space-3);
   font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableBody {
-  & tr:last-child {
-    border-bottom: none;
-  }
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableRow {
diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
index ff2e8e232c..42d5a847b5 100644
--- a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
+++ b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css
@@ -2,8 +2,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-top: var(--canon-space-3);
-  border-top: 1px solid var(--canon-border);
+  padding-top: var(--canon-space-5);
 }
 
 .canon-DataTablePagination--left {
diff --git a/packages/canon/src/components/Table/styles.css b/packages/canon/src/components/Table/styles.css
index 982b2d1c69..4234095823 100644
--- a/packages/canon/src/components/Table/styles.css
+++ b/packages/canon/src/components/Table/styles.css
@@ -8,12 +8,11 @@
   text-align: left;
   padding: var(--canon-space-3);
   font-size: var(--canon-font-size-3);
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableBody {
-  tr:last-child {
-    border-bottom: none;
-  }
+  color: var(--canon-fg-primary);
 }
 
 .canon-TableRow {