pi-web-ui 0.63.1 → 0.63.2

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.
package/themes/dazzle.css CHANGED
@@ -1,80 +1,81 @@
1
- /* theme-name: 炫彩 */
2
- :root {
3
- color-scheme: dark;
4
- --bg: #0b0b14;
5
- --bg-elev: #13131e;
6
- --bg-elev2: #1b1b2e;
7
- --border: #2a2a48;
8
- --border-soft: #1f1f38;
9
- --text: #e8e8f0;
10
- --text-dim: #a0a0c0;
11
- --text-faint: #707090;
12
- --accent: #818cf8;
13
- --accent-soft: rgba(129, 140, 248, 0.14);
14
- --green: #34d399;
15
- --green-soft: rgba(52, 211, 153, 0.12);
16
- --red: #f43f5e;
17
- --red-soft: rgba(244, 63, 94, 0.12);
18
- --amber: #f59e0b;
19
- --term-bg: #0b0b14;
20
- --term-fg: #e8e8f0;
21
- --term-cursor: #818cf8;
22
- --term-cursor-accent: #0b0b14;
23
- --term-selection: rgba(129, 140, 248, 0.35);
24
- --term-black: #1b1b2e;
25
- --term-red: #f43f5e;
26
- --term-green: #34d399;
27
- --term-yellow: #f59e0b;
28
- --term-blue: #60a5fa;
29
- --term-magenta: #c084fc;
30
- --term-cyan: #22d3ee;
31
- --term-white: #e8e8f0;
32
- --term-bright-black: #707090;
33
- --term-bright-red: #f43f5e;
34
- --term-bright-green: #34d399;
35
- --term-bright-yellow: #f59e0b;
36
- --term-bright-blue: #60a5fa;
37
- --term-bright-magenta: #c084fc;
38
- --term-bright-cyan: #22d3ee;
39
- --term-bright-white: #ffffff;
40
- --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
41
- --tooltip-bg: #232733;
42
- --code-bg: #0b0d12;
43
- --code-text: #c9d1d9;
44
- --err-text: #f0a5a5;
45
- --red-text: #fca5a5;
46
- --amber-text: #fcd34d;
47
- --info-blue: #60a5fa;
48
- --link: #a78bfa;
49
- --link-hover: #c4b5fd;
50
- --link-soft: #ddd6fe;
51
- --md-strong: #f3f4f6;
52
- --skill-blue: #5eb3ff;
53
- --plugin-purple: #b58cff;
54
- --auth-green: #6ee7a0;
55
- --scroll-thumb: #2a2f3d;
56
- --scroll-thumb-hover: #3a4152;
57
- --notice-err-bg: #401d23;
58
- --notice-warn-bg: #38251f;
59
- --notice-info-bg: #1b2544;
60
- --notice-err-border: #ef4444;
61
- --notice-warn-border: #f59e0b;
62
- --notice-info-border: #3b82f6;
63
- --send-blue: #818cf8;
64
- --send-blue-hover: #6366f1;
65
- --brand-grad-a: #818cf8;
66
- --brand-grad-b: #c084fc;
67
- --on-amber: #1a1a1a;
68
- --search-active-fg: #1a1d26;
69
- --switch-knob: #ffffff;
70
- --bg-elev3: rgba(255, 255, 255, 0.06);
71
- --glow-015: rgba(255, 255, 255, 0.015);
72
- --glow-025: rgba(255, 255, 255, 0.025);
73
- --glow-03: rgba(255, 255, 255, 0.03);
74
- --glow-04: rgba(255, 255, 255, 0.04);
75
- --glow-05: rgba(255, 255, 255, 0.05);
76
- --glow-12: rgba(255, 255, 255, 0.12);
77
- --glow-18: rgba(255, 255, 255, 0.18);
78
- --glow-22: rgba(255, 255, 255, 0.22);
79
- --glow-38: rgba(255, 255, 255, 0.38);
80
- }
1
+ /* theme-name: 炫彩 */
2
+ /* theme-name-en: Dazzle */
3
+ :root {
4
+ color-scheme: dark;
5
+ --bg: #0b0b14;
6
+ --bg-elev: #13131e;
7
+ --bg-elev2: #1b1b2e;
8
+ --border: #2a2a48;
9
+ --border-soft: #1f1f38;
10
+ --text: #e8e8f0;
11
+ --text-dim: #a0a0c0;
12
+ --text-faint: #707090;
13
+ --accent: #818cf8;
14
+ --accent-soft: rgba(129, 140, 248, 0.14);
15
+ --green: #34d399;
16
+ --green-soft: rgba(52, 211, 153, 0.12);
17
+ --red: #f43f5e;
18
+ --red-soft: rgba(244, 63, 94, 0.12);
19
+ --amber: #f59e0b;
20
+ --term-bg: #0b0b14;
21
+ --term-fg: #e8e8f0;
22
+ --term-cursor: #818cf8;
23
+ --term-cursor-accent: #0b0b14;
24
+ --term-selection: rgba(129, 140, 248, 0.35);
25
+ --term-black: #1b1b2e;
26
+ --term-red: #f43f5e;
27
+ --term-green: #34d399;
28
+ --term-yellow: #f59e0b;
29
+ --term-blue: #60a5fa;
30
+ --term-magenta: #c084fc;
31
+ --term-cyan: #22d3ee;
32
+ --term-white: #e8e8f0;
33
+ --term-bright-black: #707090;
34
+ --term-bright-red: #f43f5e;
35
+ --term-bright-green: #34d399;
36
+ --term-bright-yellow: #f59e0b;
37
+ --term-bright-blue: #60a5fa;
38
+ --term-bright-magenta: #c084fc;
39
+ --term-bright-cyan: #22d3ee;
40
+ --term-bright-white: #ffffff;
41
+ --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
+ --tooltip-bg: #232733;
43
+ --code-bg: #0b0d12;
44
+ --code-text: #c9d1d9;
45
+ --err-text: #f0a5a5;
46
+ --red-text: #fca5a5;
47
+ --amber-text: #fcd34d;
48
+ --info-blue: #60a5fa;
49
+ --link: #a78bfa;
50
+ --link-hover: #c4b5fd;
51
+ --link-soft: #ddd6fe;
52
+ --md-strong: #f3f4f6;
53
+ --skill-blue: #5eb3ff;
54
+ --plugin-purple: #b58cff;
55
+ --auth-green: #6ee7a0;
56
+ --scroll-thumb: #2a2f3d;
57
+ --scroll-thumb-hover: #3a4152;
58
+ --notice-err-bg: #401d23;
59
+ --notice-warn-bg: #38251f;
60
+ --notice-info-bg: #1b2544;
61
+ --notice-err-border: #ef4444;
62
+ --notice-warn-border: #f59e0b;
63
+ --notice-info-border: #3b82f6;
64
+ --send-blue: #818cf8;
65
+ --send-blue-hover: #6366f1;
66
+ --brand-grad-a: #818cf8;
67
+ --brand-grad-b: #c084fc;
68
+ --on-amber: #1a1a1a;
69
+ --search-active-fg: #1a1d26;
70
+ --switch-knob: #ffffff;
71
+ --bg-elev3: rgba(255, 255, 255, 0.06);
72
+ --glow-015: rgba(255, 255, 255, 0.015);
73
+ --glow-025: rgba(255, 255, 255, 0.025);
74
+ --glow-03: rgba(255, 255, 255, 0.03);
75
+ --glow-04: rgba(255, 255, 255, 0.04);
76
+ --glow-05: rgba(255, 255, 255, 0.05);
77
+ --glow-12: rgba(255, 255, 255, 0.12);
78
+ --glow-18: rgba(255, 255, 255, 0.18);
79
+ --glow-22: rgba(255, 255, 255, 0.22);
80
+ --glow-38: rgba(255, 255, 255, 0.38);
81
+ }
@@ -1,97 +1,98 @@
1
- /* theme-name: 紫晕 */
2
- :root {
3
- color-scheme: dark;
4
- --bg: #0d0e12;
5
- --bg-elev: #14161c;
6
- --bg-elev2: #1a1d26;
7
- --border: #262a35;
8
- --border-soft: #1e2230;
9
- --text: #e6e8ef;
10
- --text-dim: #9aa1b4;
11
- --text-faint: #6b7284;
12
- --accent: #8b5cf6;
13
- --accent-soft: rgba(139, 92, 246, 0.14);
14
- --green: #34d399;
15
- --green-soft: rgba(52, 211, 153, 0.12);
16
- --red: #f87171;
17
- --red-soft: rgba(248, 113, 113, 0.12);
18
- --amber: #fbbf24;
19
- --term-bg: #0b0d12;
20
- --term-fg: #e6e8ef;
21
- --term-cursor: #8b5cf6;
22
- --term-cursor-accent: #0b0d12;
23
- --term-selection: rgba(139, 92, 246, 0.35);
24
- --term-black: #1a1d26;
25
- --term-red: #f87171;
26
- --term-green: #34d399;
27
- --term-yellow: #fbbf24;
28
- --term-blue: #60a5fa;
29
- --term-magenta: #c084fc;
30
- --term-cyan: #22d3ee;
31
- --term-white: #e6e8ef;
32
- --term-bright-black: #6b7284;
33
- --term-bright-red: #f87171;
34
- --term-bright-green: #34d399;
35
- --term-bright-yellow: #fbbf24;
36
- --term-bright-blue: #60a5fa;
37
- --term-bright-magenta: #c084fc;
38
- --term-bright-cyan: #22d3ee;
39
- --term-bright-white: #ffffff;
40
- --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
41
- --tooltip-bg: #232733;
42
- --code-bg: #0b0d12;
43
- --code-text: #c9d1d9;
44
- --err-text: #f0a5a5;
45
- --red-text: #fca5a5;
46
- --amber-text: #fcd34d;
47
- --info-blue: #60a5fa;
48
- --link: #a78bfa;
49
- --link-hover: #c4b5fd;
50
- --link-soft: #ddd6fe;
51
- --md-strong: #f3f4f6;
52
- --skill-blue: #5eb3ff;
53
- --plugin-purple: #b58cff;
54
- --auth-green: #6ee7a0;
55
- --scroll-thumb: #2a2f3d;
56
- --scroll-thumb-hover: #3a4152;
57
- --notice-err-bg: #401d23;
58
- --notice-warn-bg: #38251f;
59
- --notice-info-bg: #1b2544;
60
- --notice-err-border: #ef4444;
61
- --notice-warn-border: #f59e0b;
62
- --notice-info-border: #3b82f6;
63
- --send-blue: #3b82f6;
64
- --send-blue-hover: #2563eb;
65
- --brand-grad-a: #8b5cf6;
66
- --brand-grad-b: #6366f1;
67
- --on-amber: #1a1a1a;
68
- --search-active-fg: #1a1d26;
69
- --switch-knob: #ffffff;
70
- --bg-elev3: rgba(255, 255, 255, 0.06);
71
- --glow-015: rgba(255, 255, 255, 0.015);
72
- --glow-025: rgba(255, 255, 255, 0.025);
73
- --glow-03: rgba(255, 255, 255, 0.03);
74
- --glow-04: rgba(255, 255, 255, 0.04);
75
- --glow-05: rgba(255, 255, 255, 0.05);
76
- --glow-12: rgba(255, 255, 255, 0.12);
77
- --glow-18: rgba(255, 255, 255, 0.18);
78
- --glow-22: rgba(255, 255, 255, 0.22);
79
- --glow-38: rgba(255, 255, 255, 0.38);
80
- }
81
-
82
- /* ---- ambient gradient(镜像 .fp-markdown 预览底色,覆盖整个窗口)---- */
83
- :root {
84
- --bg: #0a0b10;
85
- }
86
- body {
87
- background:
88
- radial-gradient(circle at 10% 0%, rgba(139, 92, 246, 0.14), transparent 38%),
89
- radial-gradient(circle at 88% 100%, rgba(139, 92, 246, 0.07), transparent 44%),
90
- #0a0b10;
91
- }
92
- /* 让渐变直接成为整个窗口的底色:铬件全部透明,只留边框定结构 */
93
- .topbar,
94
- .panel,
95
- .statusbar {
96
- background: transparent;
97
- }
1
+ /* theme-name: 紫晕 */
2
+ /* theme-name-en: Purple Haze */
3
+ :root {
4
+ color-scheme: dark;
5
+ --bg: #0d0e12;
6
+ --bg-elev: #14161c;
7
+ --bg-elev2: #1a1d26;
8
+ --border: #262a35;
9
+ --border-soft: #1e2230;
10
+ --text: #e6e8ef;
11
+ --text-dim: #9aa1b4;
12
+ --text-faint: #6b7284;
13
+ --accent: #8b5cf6;
14
+ --accent-soft: rgba(139, 92, 246, 0.14);
15
+ --green: #34d399;
16
+ --green-soft: rgba(52, 211, 153, 0.12);
17
+ --red: #f87171;
18
+ --red-soft: rgba(248, 113, 113, 0.12);
19
+ --amber: #fbbf24;
20
+ --term-bg: #0b0d12;
21
+ --term-fg: #e6e8ef;
22
+ --term-cursor: #8b5cf6;
23
+ --term-cursor-accent: #0b0d12;
24
+ --term-selection: rgba(139, 92, 246, 0.35);
25
+ --term-black: #1a1d26;
26
+ --term-red: #f87171;
27
+ --term-green: #34d399;
28
+ --term-yellow: #fbbf24;
29
+ --term-blue: #60a5fa;
30
+ --term-magenta: #c084fc;
31
+ --term-cyan: #22d3ee;
32
+ --term-white: #e6e8ef;
33
+ --term-bright-black: #6b7284;
34
+ --term-bright-red: #f87171;
35
+ --term-bright-green: #34d399;
36
+ --term-bright-yellow: #fbbf24;
37
+ --term-bright-blue: #60a5fa;
38
+ --term-bright-magenta: #c084fc;
39
+ --term-bright-cyan: #22d3ee;
40
+ --term-bright-white: #ffffff;
41
+ --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
42
+ --tooltip-bg: #232733;
43
+ --code-bg: #0b0d12;
44
+ --code-text: #c9d1d9;
45
+ --err-text: #f0a5a5;
46
+ --red-text: #fca5a5;
47
+ --amber-text: #fcd34d;
48
+ --info-blue: #60a5fa;
49
+ --link: #a78bfa;
50
+ --link-hover: #c4b5fd;
51
+ --link-soft: #ddd6fe;
52
+ --md-strong: #f3f4f6;
53
+ --skill-blue: #5eb3ff;
54
+ --plugin-purple: #b58cff;
55
+ --auth-green: #6ee7a0;
56
+ --scroll-thumb: #2a2f3d;
57
+ --scroll-thumb-hover: #3a4152;
58
+ --notice-err-bg: #401d23;
59
+ --notice-warn-bg: #38251f;
60
+ --notice-info-bg: #1b2544;
61
+ --notice-err-border: #ef4444;
62
+ --notice-warn-border: #f59e0b;
63
+ --notice-info-border: #3b82f6;
64
+ --send-blue: #3b82f6;
65
+ --send-blue-hover: #2563eb;
66
+ --brand-grad-a: #8b5cf6;
67
+ --brand-grad-b: #6366f1;
68
+ --on-amber: #1a1a1a;
69
+ --search-active-fg: #1a1d26;
70
+ --switch-knob: #ffffff;
71
+ --bg-elev3: rgba(255, 255, 255, 0.06);
72
+ --glow-015: rgba(255, 255, 255, 0.015);
73
+ --glow-025: rgba(255, 255, 255, 0.025);
74
+ --glow-03: rgba(255, 255, 255, 0.03);
75
+ --glow-04: rgba(255, 255, 255, 0.04);
76
+ --glow-05: rgba(255, 255, 255, 0.05);
77
+ --glow-12: rgba(255, 255, 255, 0.12);
78
+ --glow-18: rgba(255, 255, 255, 0.18);
79
+ --glow-22: rgba(255, 255, 255, 0.22);
80
+ --glow-38: rgba(255, 255, 255, 0.38);
81
+ }
82
+
83
+ /* ---- ambient gradient(镜像 .fp-markdown 预览底色,覆盖整个窗口)---- */
84
+ :root {
85
+ --bg: #0a0b10;
86
+ }
87
+ body {
88
+ background:
89
+ radial-gradient(circle at 10% 0%, rgba(139, 92, 246, 0.14), transparent 38%),
90
+ radial-gradient(circle at 88% 100%, rgba(139, 92, 246, 0.07), transparent 44%),
91
+ #0a0b10;
92
+ }
93
+ /* 让渐变直接成为整个窗口的底色:铬件全部透明,只留边框定结构 */
94
+ .topbar,
95
+ .panel,
96
+ .statusbar {
97
+ background: transparent;
98
+ }