darktable-inspired reskin + metadata/collections, map, easy mode, select/export
UI overhaul to a darktable tone-and-manner and a set of features adapted from
darktable's proven patterns (reimplemented in our Electron/TS stack; no GPL code).
Design reskin:
- Dark neutral-gray palette + amber accent, flat/squared corners, no card shadows,
compact darktable-style top bar (logo + pipe-separated view tabs), denser 15px base
- Done via design tokens (Tailwind slate/brand/radius/shadow remap) — minimal churn
Metadata & collections (Phase A/B):
- exifr now captures GPS + camera; asset table ALTER-migrated (gpsLat/gpsLon/camera,
metaVersion backfill on re-index)
- Collection facet bar (year timeline / camera / color-label) filters the grid
Map & relation finder (Phase C):
- Leaflet + online OSM map tab; geotagged photos as markers
- relationService: related photos by place (GPS<1km) + time (+/-2d) + CLIP similarity
Easy mode (Phase D):
- easyMode setting (menu / onboarding); scales the whole UI (rem) + bigger thumbnails
+ large icon nav with plain labels (4050 accessibility)
Library usability:
- Video thumbnails (representative frame capture in the inference worker)
- Media filter (All / Photos / Videos) to separate them
- Clearer culling labels ("Good shots" / "To cull") + explanation tooltip
- Multi-select tiles -> Export selected to a folder (copy, best-cut extraction) and
Delete to Recycle Bin (shell.trashItem) behind a confirm dialog
- ONNX Runtime wasm bundled locally (offline) via copy-ort-wasm + asarUnpack
Docs: DARKTABLE_REVIEW (feasibility + roadmap A->D). All typecheck/tests/build green;
boot smoke verified each phase.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
+36
-2
@@ -5,10 +5,44 @@ export default {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
// darktable 톤: 앰버(주황) 강조
|
||||
brand: {
|
||||
DEFAULT: '#5b7cfa',
|
||||
dark: '#3f5ad6'
|
||||
DEFAULT: '#d98c3f',
|
||||
dark: '#b9742e'
|
||||
},
|
||||
// 'slate' 스케일을 어두운 중성 회색 램프로 재정의 → 앱 크롬 전체 reskin
|
||||
// (컴포넌트는 그대로 두고 토큰만 교체)
|
||||
slate: {
|
||||
50: '#f1f1f0',
|
||||
100: '#e6e5e3',
|
||||
200: '#d4d3d0',
|
||||
300: '#aeadab',
|
||||
400: '#8a8987',
|
||||
500: '#6f6e6c',
|
||||
600: '#454442',
|
||||
700: '#2d2c2b',
|
||||
800: '#232221',
|
||||
900: '#1a1918'
|
||||
}
|
||||
},
|
||||
// darktable처럼 각진(거의 평평한) 모서리
|
||||
borderRadius: {
|
||||
none: '0',
|
||||
sm: '2px',
|
||||
DEFAULT: '2px',
|
||||
md: '3px',
|
||||
lg: '3px',
|
||||
xl: '4px',
|
||||
'2xl': '5px',
|
||||
'3xl': '6px',
|
||||
full: '9999px'
|
||||
},
|
||||
// 플랫한 그림자 (카드 느낌 제거)
|
||||
boxShadow: {
|
||||
sm: 'none',
|
||||
DEFAULT: '0 1px 2px rgba(0,0,0,0.35)',
|
||||
md: '0 2px 6px rgba(0,0,0,0.4)',
|
||||
lg: '0 8px 24px rgba(0,0,0,0.5)'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user