From 8cb36f5ec92ddd0c1ba4a277eee5a501e6cfa474 Mon Sep 17 00:00:00 2001
From: SharmaTarun1111111 <tarshar98@gmail.com>
Date: Wed, 12 Jul 2023 09:33:21 +0200
Subject: [PATCH 1/3] chore(board): new fontsize on column headers

---
 next-tavla/src/Board/scenarios/Table/index.tsx         | 1 +
 next-tavla/src/Board/scenarios/Table/styles.module.css | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/next-tavla/src/Board/scenarios/Table/index.tsx b/next-tavla/src/Board/scenarios/Table/index.tsx
index ba502f013..eb6e31ec5 100644
--- a/next-tavla/src/Board/scenarios/Table/index.tsx
+++ b/next-tavla/src/Board/scenarios/Table/index.tsx
@@ -37,6 +37,7 @@ const ColumnOrder: TColumnSize[] = [
 function ColumnTableHeader({ type, size }: TColumnSize) {
     return (
         <th
+            className={classes.header}
             style={{
                 width: size,
             }}
diff --git a/next-tavla/src/Board/scenarios/Table/styles.module.css b/next-tavla/src/Board/scenarios/Table/styles.module.css
index 481d41887..9f3ecad3c 100644
--- a/next-tavla/src/Board/scenarios/Table/styles.module.css
+++ b/next-tavla/src/Board/scenarios/Table/styles.module.css
@@ -2,6 +2,9 @@
     height: 100%;
     overflow: hidden;
 }
+.header {
+    font-size: 0.6em;
+}
 
 .table {
     text-align: left;

From a36fe6992cbcc7258b21dc887d74b48c44ff9228 Mon Sep 17 00:00:00 2001
From: SharmaTarun1111111 <tarshar98@gmail.com>
Date: Wed, 12 Jul 2023 10:41:51 +0200
Subject: [PATCH 2/3] chore(board): add color on column header

---
 next-tavla/src/Board/scenarios/Table/styles.module.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/next-tavla/src/Board/scenarios/Table/styles.module.css b/next-tavla/src/Board/scenarios/Table/styles.module.css
index 9f3ecad3c..97b753442 100644
--- a/next-tavla/src/Board/scenarios/Table/styles.module.css
+++ b/next-tavla/src/Board/scenarios/Table/styles.module.css
@@ -3,7 +3,8 @@
     overflow: hidden;
 }
 .header {
-    font-size: 0.6em;
+    font-size: 0.7em;
+    color: #b5b5bb;
 }
 
 .table {

From 5bfbcab49ecd1ea0a6cd448726dce6e587363758 Mon Sep 17 00:00:00 2001
From: SharmaTarun1111111 <tarshar98@gmail.com>
Date: Wed, 12 Jul 2023 12:09:23 +0200
Subject: [PATCH 3/3] chore(board): add header color to dark theme file

---
 next-tavla/src/Board/scenarios/Table/styles.module.css | 2 +-
 next-tavla/src/Shared/styles/themes/dark.css           | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/next-tavla/src/Board/scenarios/Table/styles.module.css b/next-tavla/src/Board/scenarios/Table/styles.module.css
index 97b753442..5e812ca85 100644
--- a/next-tavla/src/Board/scenarios/Table/styles.module.css
+++ b/next-tavla/src/Board/scenarios/Table/styles.module.css
@@ -4,7 +4,7 @@
 }
 .header {
     font-size: 0.7em;
-    color: #b5b5bb;
+    color: var(--table-header-color);
 }
 
 .table {
diff --git a/next-tavla/src/Shared/styles/themes/dark.css b/next-tavla/src/Shared/styles/themes/dark.css
index ffe3dbe2c..2d1ec8096 100644
--- a/next-tavla/src/Shared/styles/themes/dark.css
+++ b/next-tavla/src/Shared/styles/themes/dark.css
@@ -4,4 +4,5 @@
 
     --table-border-color: var(--colors-greys-grey10);
     --table-situation-color: var(--colors-validation-canary);
+    --table-header-color: var(--colors-greys-grey60);
 }