🎉 初始提交：TinyLabel 图像文字编辑桌面工具

- 基于 Electron + React + TypeScript + Vite - Fabric.js 画布编辑引擎 - Ant Design UI 组件 + Zustand 状态管理 - 支持文字添加、拖拽、字体/颜色/特效编辑 - 支持 PNG / JPEG / WebP 导出
2026-07-15 11:49:12 +08:00
commit 08cfcb50b0
26 changed files with 9057 additions and 0 deletions
@@ -0,0 +1,115 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+:root {
+  --bg-primary: #1a1a2e;
+  --bg-secondary: #16213e;
+  --bg-surface: #0f3460;
+  --bg-panel: #1e1e3a;
+  --bg-canvas: #2a2a4a;
+  --text-primary: #e8e8f0;
+  --text-secondary: #a0a0b8;
+  --border-color: #2a2a4e;
+  --accent: #7c5cfc;
+  --accent-hover: #6a4ae0;
+  --accent-light: rgba(124, 92, 252, 0.15);
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, 'Noto Sans SC', sans-serif;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  overflow: hidden;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#root {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* ─── Scrollbar ─── */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+/* ─── Ant Design Overrides ─── */
+.ant-btn-primary {
+  background: var(--accent) !important;
+  border-color: var(--accent) !important;
+}
+.ant-btn-primary:hover {
+  background: var(--accent-hover) !important;
+}
+
+.ant-modal-content {
+  background: var(--bg-panel) !important;
+  border: 1px solid var(--border-color) !important;
+}
+.ant-modal-header {
+  background: var(--bg-panel) !important;
+  border-bottom-color: var(--border-color) !important;
+}
+.ant-modal-title {
+  color: var(--text-primary) !important;
+}
+.ant-modal-close {
+  color: var(--text-secondary) !important;
+}
+
+.ant-slider-track {
+  background: var(--accent) !important;
+}
+.ant-slider-handle::after {
+  background: var(--accent) !important;
+  box-shadow: 0 0 0 2px var(--accent) !important;
+}
+
+.ant-select-selector {
+  background: var(--bg-secondary) !important;
+  border-color: var(--border-color) !important;
+  color: var(--text-primary) !important;
+}
+.ant-select-arrow {
+  color: var(--text-secondary) !important;
+}
+
+.ant-input-number {
+  background: var(--bg-secondary) !important;
+  border-color: var(--border-color) !important;
+}
+.ant-input-number-input {
+  color: var(--text-primary) !important;
+}
+
+.ant-collapse {
+  background: transparent !important;
+}
+.ant-collapse-header {
+  color: var(--text-primary) !important;
+}
+.ant-collapse-content {
+  background: transparent !important;
+  border-color: var(--border-color) !important;
+}