diff options
Diffstat (limited to 'src/store.ts')
| -rw-r--r-- | src/store.ts | 26 |
1 files changed, 12 insertions, 14 deletions
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 |