From 4404b650d136382097aba6f471b80cc96c4bd787 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 21 Jan 2023 20:06:29 +1100
Subject: Adjust coloring and spacing

---
 src/store.ts | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

(limited to 'src/store.ts')

diff --git a/src/store.ts b/src/store.ts
index 5bbf584..370f2b9 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -58,13 +58,12 @@ export type StoreState = {
 		textDark: string,
 		textDark2: string,
 		bg: string,
-		bgLight: string,
 		bgDark: string,
-		bgLight2: string,
 		bgDark2: string,
 		alt: string,
 		altDark: string,
 		altDark2: string,
+		altDark3: string,
 		altBg: string,
 		bgAlt: string,
 		bgAltDark: string,
@@ -78,20 +77,19 @@ function getDefaultState(): StoreState {
 	const breakpoint = getBreakpoint();
 	const color = {
 		text: '#fafaf9',      // stone-50
-		textDark: '#a8a29e',  // stone-400
-		textDark2: '#68625d', // darker version of stone-500
+		textDark: '#a8a29e',  // stone-400 (for major tick labels)
+		textDark2: '#68625d', // darker version of stone-500 (for minor tick labels)
 		bg: '#292524',        // stone-800
-		bgLight: '#44403c',   // stone-700
-		bgDark: '#1c1917',    // stone-900
-		bgLight2: '#57534e',  // stone-600
-		bgDark2: '#0e0c0b',   // darker version of stone-900
+		bgDark: '#1c1917',    // stone-900 (for no-img events)
+		bgDark2: '#0e0c0b',   // darker version of stone-900 (for title bar and baseline)
 		alt: '#fde047',       // yellow-300
-		altDark: '#eab308',   // yellow-500
-		altDark2: '#ca8a04',  // yellow-600
-		altBg: '#6a5e2e',
-		bgAlt: '#f5f5f4',     // stone-100
-		bgAltDark: '#d6d3d1', // stone-300
-		accent: '#2563eb',    // blue-600
+		altDark: '#eab308',   // yellow-500 (for title and event borders)
+		altDark2: '#ca8a04',  // yellow-600 (for buttons and link text)
+		altDark3: '#a3691e',  // darker version of yellow-700 (for dark end of event lines)
+		altBg: '#6a5e2e',     // 'grayish yellow' (for event density indicators)
+		bgAlt: '#f5f5f4',     // stone-100 (for modal content backgrounds)
+		bgAltDark: '#d6d3d1', // stone-300 (for search suggestion backgrounds)
+		accent: '#2563eb',    // blue-600 (for 'discovery' event borders)
 	};
 	return {
 		// Device info
-- 
cgit v1.2.3