From f3c97f41ee84dfdc718d1a9bc1aac24e6b6755c9 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 15 Jan 2023 22:31:04 +1100
Subject: Avoid tick label overlap

Use rotation for horizontal timelines with long tick labels.
For other labels, look for overlap, and hide problematic ones.
Use darker text to indicate minor ticks instead of minor offset.
---
 src/store.ts | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src/store.ts')

diff --git a/src/store.ts b/src/store.ts
index b3fc48a..695d3a9 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -47,6 +47,7 @@ export type StoreState = {
 	color: {
 		text: string, // CSS color
 		textDark: string,
+		textDark2: string,
 		bg: string,
 		bgLight: string,
 		bgDark: string,
@@ -68,6 +69,7 @@ function getDefaultState(): StoreState {
 	const color = {
 		text: '#fafaf9',      // stone-50
 		textDark: '#a8a29e',  // stone-400
+		textDark2: '#68625d', // darker version of stone-500
 		bg: '#292524',        // stone-800
 		bgLight: '#44403c',   // stone-700
 		bgDark: '#1c1917',    // stone-900
-- 
cgit v1.2.3