From 4cea749e85237f150989f7accfe42ba370da698b Mon Sep 17 00:00:00 2001
From: ChrisKnightLDN <chris.knight@london.gov.uk>
Date: Wed, 8 Nov 2023 11:35:02 +0000
Subject: [PATCH 1/3] Light and dark theme for tabs

---
 packages/ui/src/lib/tabs/TabLabel.svelte | 8 ++++----
 packages/ui/src/lib/tabs/TabList.svelte  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/lib/tabs/TabLabel.svelte b/packages/ui/src/lib/tabs/TabLabel.svelte
index a8b5f4aa..8dad76bf 100644
--- a/packages/ui/src/lib/tabs/TabLabel.svelte
+++ b/packages/ui/src/lib/tabs/TabLabel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
-	import type { Writable } from 'svelte/types/runtime/store';
+	import type { Writable } from 'svelte/store';
 	import { classNames } from '../utils/classNames';
 
 	export let tabId: string;
@@ -23,9 +23,9 @@
 	role="tab"
 	class={classNames(
 		tabId === $selectedValue
-			? 'bg-core-blue-600 cursor-default'
-			: 'bg-core-grey-600 hover:bg-core-grey-500 cursor-pointer',
-		'text-white text-base py-2 px-4 flex items-center select-none '
+			? 'bg-core-blue-600 cursor-default text-white'
+			: 'bg-core-grey-100 hover:bg-core-grey-200 text-core-grey-800 dark:bg-core-grey-600 dark:hover:bg-core-grey-500 dark:text-white cursor-pointer',
+		'text-base py-2 px-4 flex items-center select-none '
 	)}
 >
 	<slot />
diff --git a/packages/ui/src/lib/tabs/TabList.svelte b/packages/ui/src/lib/tabs/TabList.svelte
index fe5ff2f2..5cf71a91 100644
--- a/packages/ui/src/lib/tabs/TabList.svelte
+++ b/packages/ui/src/lib/tabs/TabList.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <div
-	class="flex bg-core-grey-800 border-b-4 border-b-core-blue-600 w-full pt-5 px-4 pb-0 space-x-0.5 items-end"
+	class="flex bg-white dark:bg-core-grey-800 border-b-4 border-b-core-blue-600 w-full pt-5 px-4 pb-0 space-x-0.5 items-end"
 >
 	<slot />
 </div>

From 5d7a2272d72f071e9ef1e22ba70a9eb086e8b59b Mon Sep 17 00:00:00 2001
From: ChrisKnightLDN <chris.knight@london.gov.uk>
Date: Mon, 13 Nov 2023 13:56:27 +0000
Subject: [PATCH 2/3] Changeset

---
 .changeset/tall-humans-fold.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tall-humans-fold.md

diff --git a/.changeset/tall-humans-fold.md b/.changeset/tall-humans-fold.md
new file mode 100644
index 00000000..948c86bd
--- /dev/null
+++ b/.changeset/tall-humans-fold.md
@@ -0,0 +1,5 @@
+---
+'@ldn-viz/ui': minor
+---
+
+Provide a default light theme for tabs

From 6addeb3502ebe3223d7fa3547a3ee7ec916a303c Mon Sep 17 00:00:00 2001
From: James Scott-Brown <James.Scott-Brown@london.gov.uk>
Date: Mon, 13 Nov 2023 14:06:03 +0000
Subject: [PATCH 3/3] Add 'CHANGED' keyword to changeset file

---
 .changeset/tall-humans-fold.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/tall-humans-fold.md b/.changeset/tall-humans-fold.md
index 948c86bd..5e9c86f1 100644
--- a/.changeset/tall-humans-fold.md
+++ b/.changeset/tall-humans-fold.md
@@ -2,4 +2,4 @@
 '@ldn-viz/ui': minor
 ---
 
-Provide a default light theme for tabs
+CHANGED - provide a default light theme for tabs