codexmate 0.1.27 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/cli/config-bootstrap.js +2 -9
  2. package/cli.js +39 -26
  3. package/package.json +1 -1
  4. package/web-ui/app.js +4 -0
  5. package/web-ui/index.html +11 -0
  6. package/web-ui/modules/app.methods.index.mjs +2 -0
  7. package/web-ui/modules/app.methods.theme.mjs +38 -0
  8. package/web-ui/modules/app.methods.web-ui-preferences.mjs +9 -0
  9. package/web-ui/modules/i18n/locales/en.mjs +6 -1
  10. package/web-ui/modules/i18n/locales/ja.mjs +6 -1
  11. package/web-ui/modules/i18n/locales/vi.mjs +6 -1
  12. package/web-ui/modules/i18n/locales/zh-tw.mjs +6 -1
  13. package/web-ui/modules/i18n/locales/zh.mjs +6 -1
  14. package/web-ui/partials/index/panel-sessions.html +2 -2
  15. package/web-ui/partials/index/panel-settings.html +24 -0
  16. package/web-ui/res/web-ui-render.precompiled.js +26 -2
  17. package/web-ui/styles/base-theme.css +1 -0
  18. package/web-ui/styles/controls-forms.css +1 -1
  19. package/web-ui/styles/sessions-toolbar-trash.css +1 -1
  20. package/web-ui/styles/sessions-usage.css +1 -1
  21. package/web-ui/styles/settings-panel.css +2 -2
  22. package/web-ui/styles/theme-dark-tokens.css +83 -0
  23. package/web-ui/styles/theme-dark.css +1355 -0
  24. package/web-ui/styles.css +1 -0
package/web-ui/styles/theme-dark-tokens.css ADDED
@@ -0,0 +1,83 @@
1
+ /* ============================================
2
+ Codex Mate Web UI - 暗色主题令牌覆盖
3
+ 作用于 <html data-theme="dark">；浅色默认值见 base-theme.css
4
+ ============================================ */
5
+ :root[data-theme="dark"] {
6
+ color-scheme: dark;
7
+
8
+ /* 品牌色：保留暖橙 accent，提亮适配暗底 */
9
+ --color-brand: #D68F79;
10
+ --color-brand-dark: #C07A63;
11
+ --color-brand-light: rgba(214, 143, 121, 0.16);
12
+ --color-brand-subtle: rgba(214, 143, 121, 0.24);
13
+
14
+ /* 中性灰层级底色 */
15
+ --color-bg: #17181A;
16
+ --color-surface: #1E1F22;
17
+ --color-surface-alt: #232427;
18
+ --color-surface-elevated: #26272B;
19
+ --color-surface-tint: rgba(30, 31, 34, 0.86);
20
+ --color-surface-chip: rgba(30, 31, 34, 0.76);
21
+ --color-text-primary: #ECE8E4;
22
+ --color-text-secondary: #B5ABA4;
23
+ --color-text-tertiary: #8F847D;
24
+ --color-text-muted: #6E6259;
25
+ --color-border: rgba(255, 255, 255, 0.09);
26
+ --color-border-soft: rgba(255, 255, 255, 0.06);
27
+ --color-border-strong: rgba(255, 255, 255, 0.2);
28
+
29
+ --color-success: #6DB08E;
30
+ --color-error: #D6766B;
31
+
32
+ /* Delta 指示色 */
33
+ --color-delta-up: #6FBE7C;
34
+ --color-delta-down: #EE7B6E;
35
+
36
+ /* 热力图色阶：品牌橙 alpha 阶梯 */
37
+ --color-heatmap-1: rgba(214, 143, 121, 0.18);
38
+ --color-heatmap-2: rgba(214, 143, 121, 0.38);
39
+ --color-heatmap-3: rgba(214, 143, 121, 0.58);
40
+ --color-heatmap-4: rgba(214, 143, 121, 0.85);
41
+
42
+ --bg-warm-gradient:
43
+ radial-gradient(circle at 14% 8%, rgba(214, 143, 121, 0.05) 0%, rgba(214, 143, 121, 0) 32%),
44
+ radial-gradient(circle at 88% 0%, rgba(120, 132, 158, 0.05) 0%, rgba(120, 132, 158, 0) 30%),
45
+ linear-gradient(135deg, #1A1B1E 0%, #17181A 46%, #141517 100%);
46
+
47
+ --color-bg-topbar-strong: rgba(23, 24, 26, 0.96);
48
+ --color-bg-topbar-soft: rgba(23, 24, 26, 0.86);
49
+ --color-bg-topbar-clear: rgba(23, 24, 26, 0);
50
+
51
+ /* 阴影：黑色系浮层 */
52
+ --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.3);
53
+ --shadow-card: 0 12px 30px rgba(0, 0, 0, 0.35);
54
+ --shadow-card-hover: 0 18px 44px rgba(0, 0, 0, 0.45);
55
+ --shadow-float: 0 22px 56px rgba(0, 0, 0, 0.5);
56
+ --shadow-raised: 0 14px 30px rgba(0, 0, 0, 0.4);
57
+ --shadow-modal:
58
+ 0 16px 42px rgba(0, 0, 0, 0.45),
59
+ 0 34px 84px rgba(0, 0, 0, 0.45);
60
+ --shadow-input-focus:
61
+ 0 0 0 3px var(--color-brand-light),
62
+ 0 1px 2px rgba(0, 0, 0, 0.4);
63
+ }
64
+
65
+ /* 全局背景光斑：暗色下收敛为微弱冷光 */
66
+ :root[data-theme="dark"] body::before {
67
+ background:
68
+ radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0) 26%),
69
+ radial-gradient(circle at 86% 18%, rgba(214, 143, 121, 0.04), rgba(214, 143, 121, 0) 30%);
70
+ }
71
+
72
+ /* 滚动条 */
73
+ :root[data-theme="dark"] * {
74
+ scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
75
+ }
76
+
77
+ :root[data-theme="dark"] ::-webkit-scrollbar-thumb {
78
+ background: rgba(255, 255, 255, 0.22);
79
+ }
80
+
81
+ :root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
82
+ background: rgba(255, 255, 255, 0.34);
83
+ }