From 361a2004d82f887c97f788f0eb86557f6d44410b Mon Sep 17 00:00:00 2001
From: Oliver <oliver@noreply.localhost>
Date: Fri, 21 Nov 2025 19:49:02 -0700
Subject: [PATCH] Update loading spinner to use CSS variables depending on
 theme

---
 styles/elements/span.css |  4 ++--
 styles/themes/dark.css   |  3 +++
 styles/themes/light.css  | 10 ++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/styles/elements/span.css b/styles/elements/span.css
index c4fdbcb..fcbfef3 100644
--- a/styles/elements/span.css
+++ b/styles/elements/span.css
@@ -32,14 +32,14 @@
 			position: absolute;
 			inset: 0px;
 			border-radius: 50%;
-			border: 5px solid #FFF;
+			border: 5px solid var(--spinner-outer-colour, #fff);
 			animation: prixClipFix 4s linear infinite;
 		}
 
 		&::after{
 			inset: 8px;
 			transform: rotate3d(90, 90, 0, 180deg );
-			border-color: var(--spinner-inner-colour, #FF3D00);
+			border-color: var(--spinner-inner-colour, #ff3d00);
 		}
 	}
 }
diff --git a/styles/themes/dark.css b/styles/themes/dark.css
index 1695d32..53552e0 100644
--- a/styles/themes/dark.css
+++ b/styles/themes/dark.css
@@ -1,6 +1,9 @@
 .theme-dark {
 	--prosemirror-background: var(--color-cool-5);
 
+	--spinner-outer-colour: white;
+	--spinner-inner-colour: #FF3D00;
+
 	/* Chip Variables */
 	--chip-color: #fff7ed;
 	--chip-background: #2b3642;
diff --git a/styles/themes/light.css b/styles/themes/light.css
index fee3812..47cf1e9 100644
--- a/styles/themes/light.css
+++ b/styles/themes/light.css
@@ -1,3 +1,13 @@
 .theme-light {
 	--prosemirror-background: white;
+
+	--spinner-outer-colour: black;
+	--spinner-inner-colour: #FF3D00;
+
+	/* Chip Variables */
+	--chip-color: #18181b;
+	--chip-background: #fafafa;
+	--chip-value-color: #18181b;
+	--chip-value-background: #d4d4d8aa;
+	--chip-border-color: var(--chip-value-background);
 }