bluemsi/photoai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

darktable-inspired reskin + metadata/collections, map, easy mode, select/export

Browse Source 
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:
g1nation
2026-06-01 19:22:19 +09:00
parent 72c41ae834
commit 3e73967c7b
33 changed files with 1670 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles/index.css
+57 -8
View File
@@ -8,20 +8,69 @@ body,
height: 100%;
}
body {
margin: 0;
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
background: #f5f6fa;
color: #1f2330;
/* darktable 톤: 밀도 높은 프로 도구 느낌 (기본 15px, 쉬운 모드에서 20px) */
html {
font-size: 15px;
}
/* 다크 테마: <html class="dark"> 토글에 반응 */
body {
margin: 0;
font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
background: #e6e5e3; /* light: 중성 회색 */
color: #2a2926;
-webkit-font-smoothing: antialiased;
}
/* 다크(기본) 테마 = darktable 다크 */
html.dark body {
background: #0f1117;
color: #e6e8ee;
background: #1a1918;
color: #cfceca;
}
/* 파일 목록 가독성용 모노 폰트 */
.mono {
font-family: 'Cascadia Code', 'Consolas', monospace;
}
/* darktable식 얇은 스크롤바 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #4a4a48;
border-radius: 2px;
border: 2px solid transparent;
background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
background: #5e5e5b;
background-clip: content-box;
}
html:not(.dark) ::-webkit-scrollbar-thumb {
background: #bdbcb8;
background-clip: content-box;
}
/* 입력 요소 포커스 링을 앰버로 */
input:focus-visible,
select:focus-visible,
button:focus-visible {
outline: 1px solid #d98c3f;
outline-offset: 1px;
}
/* 4050 쉬운 모드: <html class="easy"> — rem 기준 전체 확대 + 큰 썸네일 */
html.easy {
font-size: 20px; /* 기본 16px → rem 기반 Tailwind 유틸 전반 확대 */
}
/* 썸네일 그리드를 더 크게 (열 수 축소) */
html.easy .grid-cols-6 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html.easy .grid-cols-5 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}