Files
MyGoNavi/frontend
Syngnat 75660ef3db 🎨 style(theme): 修复主要操作按钮交互态在各主题下几乎不可辨
根因在 token 层:--gn-ant-primary-hover 与 --gn-ant-primary-active 都直接取 palette.accent2,
两者取值完全相同,hover 与按下态在视觉上无任何区别;而 accent2 又是 accent 的近邻色
(内置主题的强调色刻意低饱和),实测 base→hover 对比度仅 1.05–1.29,
其中 Deep Ocean 的 accent2 甚至比 accent 更亮(调色板方向反了)。

- 新增 mixHex 与 --gn-accent-hover / --gn-accent-active,按 82% / 60% 派生逐级加深的三态,
  并让 --gn-ant-primary-hover/active 指向它。该链路经 customTheme.ts:read →
  App.tsx colorPrimaryHover/Active 传给 antd,全站主要操作按钮一并受益
- 混合锚点按模式区分:深色主题向面板底色混合;浅色主题的面板比强调色更亮,
  向面板混合会把按钮冲淡成禁用观感,改为向纯黑混合(用 fg1 只能到 1.19–1.22 不达阈值)
- 提交事务按钮(DataGrid 与 SQL 编辑器两处)拆分 :hover 与 :active,
  此前两者共用同一条规则、点击无反馈;回退值保留 accent-2 兼容旧自定义主题
- 补 4 项不变式测试:三态互不相同、两段对比度均达 1.25、亮度单调递减不反向。
  该用例已实测抓住浅色主题的方向反转与阈值不足

实测:深色主题 base→hover 1.31–1.39、hover→active 1.43–1.55;浅色 1.35 / 1.45。

未处理:默认 v2 深色主题未定义 --gn-on-accent 而回退 #fff,白字压在 #22c55e 上仅 2.28、
禁用态文字 2.05,均不满足 WCAG AA;按本次确认范围未纳入。
2026-07-26 21:39:26 +08:00
..

Lite DB Client

一个基于 Electron、React 和 Ant Design 构建的轻量级 MySQL 数据库客户端。

功能特性

  • 连接管理: 轻松创建和保存 MySQL 数据库连接。
  • 结构浏览: 通过树形视图快速查看数据库和表结构。
  • 数据查看: 双击表名即可查看数据(支持分页/滚动加载)。
  • SQL 编辑器: 集成 Monaco Editor提供强大的 SQL 编写和执行体验(支持语法高亮)。
  • 多标签页: 支持多窗口并行操作,类似 Navicat 的使用体验。

🛠️ 技术栈

  • Electron: 桌面端运行环境。
  • React + Vite: 前端框架与极速构建工具。
  • Ant Design: 企业级 UI 组件库。
  • Zustand: 轻量级状态管理。
  • MySQL2: 高性能 Node.js MySQL 驱动。
  • Monaco Editor: VS Code 同款代码编辑器。

🚀 快速开始

  1. 安装依赖

    npm install
    
  2. 启动开发模式

    npm run electron:dev
    

    这将启动 Vite 开发服务器并打开 Electron 窗口。

  3. 构建生产版本

    npm run build
    

    构建完成的安装包dmg/exe/deb将位于 dist/release/ 目录下。

⚠️ 说明

  • 本项目目前处于 MVP (最小可行性产品) 阶段。
  • 当前版本主要支持 MySQL 数据库。
  • 密码目前保存在内存/本地存储中,请注意在生产环境中的安全性。

希望这款轻量级工具能成为你开发路上的好帮手!