pi-web-ui 0.94.1 → 0.96.0

package/themes/gruvbox-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #79740e;
 	--scroll-thumb: #d5c4a1;
 	--scroll-thumb-hover: #bdae93;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #9d0006;
 	--send-blue-hover: #af3a03;
 	--stop-red: #ef4444;

package/themes/kanagawa-lotus.css

@@ -62,12 +62,12 @@
 	--auth-green: #6f894e;
 	--scroll-thumb: #d5cea3;
 	--scroll-thumb-hover: #bfb586;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #4d699b;
 	--send-blue-hover: #3d5680;
 	--stop-red: #ef4444;

package/themes/rose-pine-dawn.css

@@ -62,12 +62,12 @@
 	--auth-green: #56949f;
 	--scroll-thumb: #e0d8ce;
 	--scroll-thumb-hover: #c9bfb2;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #907aa9;
 	--send-blue-hover: #79759c;
 	--stop-red: #ef4444;

package/themes/solarized-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #859900;
 	--scroll-thumb: #d5cbab;
 	--scroll-thumb-hover: #b7a982;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #268bd2;
 	--send-blue-hover: #2aa198;
 	--stop-red: #ef4444;

package/themes/vs-code-dark.css

@@ -0,0 +1,146 @@
+/* theme-name: VS Code 暗色 */
+/* theme-name-en: VS Code Dark */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #1e1e1e;
+	--bg-elev: #252526;
+	--bg-elev2: #2d2d2d;
+	--border: #3c3c3c;
+	--border-soft: #333333;
+	--text: #d4d4d4;
+	--text-dim: #9d9d9d;
+	--text-faint: #6a6a6a;
+	--accent: #297aa0;
+	--accent-soft: rgba(41, 122, 160, 0.16);
+	--green: #4ec9b0;
+	--green-soft: rgba(78, 201, 176, 0.12);
+	--red: #f48771;
+	--red-soft: rgba(244, 135, 113, 0.12);
+	--amber: #dcdcaa;
+	--blue: #569cd6;
+	--blue-soft: rgba(86, 156, 214, 0.12);
+	--term-bg: #1e1e1e;
+	--term-fg: #d4d4d4;
+	--term-cursor: #297aa0;
+	--term-cursor-accent: #1e1e1e;
+	--term-selection: rgba(41, 122, 160, 0.3);
+	--term-black: #2d2d2d;
+	--term-red: #f44747;
+	--term-green: #6a9955;
+	--term-yellow: #d7ba7d;
+	--term-blue: #569cd6;
+	--term-magenta: #c586c0;
+	--term-cyan: #4ec9b0;
+	--term-white: #e5e5e5;
+	--term-bright-black: #6a6a6a;
+	--term-bright-red: #f44747;
+	--term-bright-green: #6a9955;
+	--term-bright-yellow: #d7ba7d;
+	--term-bright-blue: #569cd6;
+	--term-bright-magenta: #c586c0;
+	--term-bright-cyan: #4ec9b0;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #252526;
+	--code-bg: #1e1e1e;
+	--code-text: #d4d4d4;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #f48771;
+	--red-text: #f99b92;
+	--amber-text: #e8d49a;
+	--info-blue: #569cd6;
+	--link: #3794ff;
+	--link-hover: #4da3ff;
+	--link-soft: #4da3ff;
+	--md-strong: #e5e5e5;
+	--skill-blue: #569cd6;
+	--plugin-purple: #c586c0;
+	--auth-green: #4ec9b0;
+	--scroll-thumb: #3f3f3f;
+	--scroll-thumb-hover: #555555;
+	--notice-err-bg: #412126;
+	--notice-warn-bg: #39351f;
+	--notice-info-bg: #1d2a3a;
+	--notice-err-border: #f44747;
+	--notice-warn-border: #cca700;
+	--notice-info-border: #4d9ec9;
+	--send-blue: #297aa0;
+	--send-blue-hover: #3493c4;
+	--stop-red: #f44747;
+	--stop-red-hover: #e13b3b;
+	--brand-grad-a: #297aa0;
+	--brand-grad-b: #569cd6;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1e1e1e;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.2);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #9d9d9d;
+	--control-bg: #252526;
+	--control-border: #3c3c3c;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #252526;
+	--statusbar-bg: #252526;
+	--panel-bg: #252526;
+	--card-bg: #252526;
+	--chip-bg: #2d2d2d;
+	--msgs-bg: #1e1e1e;
+	--inputbox-bg: #252526;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (VS Code Dark+) ---- */
+.hljs {
+	color: #d4d4d4;
+	background: #1e1e1e;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #569cd6;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #dcdcaa;
+}
+.hljs-literal,
+.hljs-number {
+	color: #b5cea8;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #ce9178;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #4ec9b0;
+}
+.hljs-comment,
+.hljs-code {
+	color: #6a9955;
+}
+.hljs-attr,
+.hljs-attribute {
+	color: #9cdcfe;
+}
+.hljs-tag,
+.hljs-name {
+	color: #569cd6;
+}