LinguaGacha Design System Overview
mainLinguaGacha follows a design philosophy described as a "Quiet Local Alchemist" (安静的本地炼金台). The UI is designed to feel like a reliable native desktop application, prioritizing high information density, compact controls, and a stable workspace for translation, configuration, and file processing.
Key Design Principles:
- Native Desktop Priority: Uses fixed shells, sidebars, workspace boundaries, and immediate feedback.
- Color Strategy: Uses a cool gray light theme by default (with a matching dark theme). Warm orange (
primary) is used sparingly for main actions, selection, focus, and progress to maintain a subtle, professional feel. - Information Density: High density with compact controls, optimized for tables and editors.
- Decoration with Purpose: Visual elements must serve status, selection, hierarchy, editability, or task feedback.
Implementation Note: Global tokens and theme entry points are located in src/frontend/index.css. Basic controls are handled in src/frontend/shadcn/. Widgets, features, and pages should consume these tokens rather than defining their own visual styles.