- Add Open Props as the token foundation (@import "open-props/style"). Our semantic tokens (--bg/--surface/--border/--text/--shadow-*/--transition) are now backed by its gray ramp, shadows and easing; the rest of the CSS is untouched since it already references var(--…). - Accent → indigo #4f46e5 (--accent + derived rings / month-hover), and the timeline bar default colours (appearance.ts) move to the same indigo so the content and UI share one palette. - Font → IBM Plex Sans, self-hosted via @fontsource (latin + cyrillic, weights 400/500/600/700) so there is no runtime Google Fonts dependency. Backed into --font-sans (overrides Open Props' :where() default). Tabular figures on the counters and map legend. - Collision default colour → warm amber-orange #e8590c: distinct from the indigo bars and from the green/red map status, reads as a conflict warning. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
22 lines
438 B
JSON
22 lines
438 B
JSON
{
|
|
"name": "mapdash-frontend",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"typecheck": "tsc --noEmit",
|
|
"build": "tsc --noEmit && vite build"
|
|
},
|
|
"dependencies": {
|
|
"@fontsource/ibm-plex-sans": "^5.3.0",
|
|
"open-props": "^1.7.23",
|
|
"vis-data": "^7.1.9",
|
|
"vis-timeline": "^7.7.3"
|
|
},
|
|
"devDependencies": {
|
|
"typescript": "^5.6.3",
|
|
"vite": "^5.4.10"
|
|
}
|
|
}
|