diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-15 22:31:04 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-15 22:31:04 +1100 |
| commit | f3c97f41ee84dfdc718d1a9bc1aac24e6b6755c9 (patch) | |
| tree | 7796ab0128f613c41e3ae1abf1f0545a79a1ba91 /src/store.ts | |
| parent | 019d0f0b3d9732023272fe7deb3e22ac911d76af (diff) | |
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.
Diffstat (limited to 'src/store.ts')
| -rw-r--r-- | src/store.ts | 2 |
1 files changed, 2 insertions, 0 deletions
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 |