nntrivi2001
b673363351
Adds a working Dark/Light toggle (next to the language switcher, same row
as EN/VI) and re-themes the whole dashboard, not just the handful of
components that already used semantic tokens.
- Tailwind darkMode:"class" + CSS-variable color tokens (client/src/index.css,
tailwind.config.js): surface.0-5, border/border-light, accent/accent-hover,
fg.primary/secondary/muted, status.success/danger/warning. One class flip
on <html> re-themes everything — no per-element dark: variant pairs.
- useTheme() hook: localStorage-persisted, defaults to dark, no
prefers-color-scheme fallback (client/src/hooks/useTheme.ts).
- Mechanical, table-driven migration (scripts/migrate-color-tokens.mjs,
scripts/tokenize-status-colors.mjs, scripts/darken-status-colors.mjs) of
every raw neutral/gray/slate + emerald/red/amber Tailwind utility across
client/src onto the new tokens, so every badge/button/component pulls the
same shade per status/role instead of each picking its own.
- Palette values are the literal Radix Colors (radix-ui.com/colors) scale
constants — slate/blue/green/red/amber steps 1-12 — adopted after three
rounds of hand-picked values that kept overshooting (flat, then too dark,
then glaring); see docs/superpowers/specs/2026-07-31-color-redesign-
dark-light-mode-design.md for the full history and role mapping.
- PipelineMap: done/current/failed/passed-no-evidence/detected share one
visual language (border + text + translucent wash of the same status
color); `current` alone stays a solid accent fill, the one state that
gets to look bolder ("you are here").
- LaneCard: removed the stage/kind/auto-stage chips that duplicated the
Workspace lane-detail header already showing them.
Categorical/decorative hues (violet, indigo, cyan, teal, sky, rose, pink,
orange, yellow, and blue where it plays a role-coloring part e.g. message
bubbles) are deliberately out of scope — collapsing those onto shared
tokens would erase the distinction between different kinds of thing, not
a status.
70 lines
2.2 KiB
JSON
70 lines
2.2 KiB
JSON
{
|
|
"activityFeed": "Luồng hoạt động",
|
|
"agentBoard": "Bảng Kanban",
|
|
"analytics": "Phân tích",
|
|
"avg": "TB",
|
|
"brand": "Bảng điều khiển Agent",
|
|
"brandSub": "Giám sát Claude Code",
|
|
"ccConfig": "Cấu hình Claude",
|
|
"checkFailed": "Kiểm tra cập nhật thất bại",
|
|
"checkForUpdates": "Kiểm tra cập nhật",
|
|
"checkingForUpdates": "Đang kiểm tra cập nhật...",
|
|
"close": "Đóng",
|
|
"collapse": "Thu gọn thanh bên",
|
|
"collapseShort": "Thu gọn",
|
|
"connection": "Kết nối",
|
|
"connectionDetails": "Chi tiết kết nối",
|
|
"connectionUptime": "Đã kết nối",
|
|
"dashboard": "Tổng quan",
|
|
"daysAgo": "{{count}} ngày trước",
|
|
"disconnected": "Mất kết nối",
|
|
"eventsLastMin": "60s qua",
|
|
"eventsReceived": "Sự kiện đã nhận",
|
|
"eventsTotal": "Tổng",
|
|
"expand": "Mở rộng thanh bên",
|
|
"hoursAgo": "{{count}} giờ trước",
|
|
"justNow": "vừa xong",
|
|
"language": "Ngôn ngữ",
|
|
"languageNames": {
|
|
"en": "English",
|
|
"vi": "Tiếng Việt"
|
|
},
|
|
"languageShort": {
|
|
"en": "EN",
|
|
"vi": "VI"
|
|
},
|
|
"lastEvent": "Sự kiện gần nhất",
|
|
"live": "Trực tiếp",
|
|
"minutesAgo": "{{count}} phút trước",
|
|
"noEventsYet": "Chưa có sự kiện",
|
|
"notConnected": "Chưa kết nối",
|
|
"notFound": "Không tìm thấy",
|
|
"peakRate": "Đỉnh",
|
|
"recentActivity": "Hoạt động gần đây",
|
|
"resetStats": "Đặt lại",
|
|
"scrollDown": "Cuộn danh mục xuống",
|
|
"scrollUp": "Cuộn danh mục lên",
|
|
"secondsAgo": "{{count}} giây trước",
|
|
"sessions": "Phiên",
|
|
"settings": "Cài đặt",
|
|
"skipToContent": "Bỏ qua đến nội dung",
|
|
"statsPersisted": "Số liệu được lưu sau khi tải lại",
|
|
"switchLanguage": "Chuyển sang {{language}}",
|
|
"switchTheme": "Chuyển sang {{theme}}",
|
|
"theme": "Giao diện",
|
|
"themeNames": {
|
|
"dark": "Tối",
|
|
"light": "Sáng"
|
|
},
|
|
"throughput60s": "Lưu lượng · 60s qua",
|
|
"topEventTypes": "Loại sự kiện phổ biến",
|
|
"unitEvents": "sự kiện",
|
|
"unitPerSec": "sự kiện/s",
|
|
"upToDate": "Đã là mới nhất",
|
|
"updateAvailable": "Có bản cập nhật",
|
|
"website": "Website",
|
|
"workflows": "Quy trình",
|
|
"workspace": "Không gian làm việc",
|
|
"wsEndpoint": "WebSocket"
|
|
}
|