pi-web-ui 0.91.0 → 0.93.0

package/themes/kanagawa-lotus.css

@@ -0,0 +1,136 @@
+/* theme-name: 神奈川莲 */
+/* theme-name-en: Kanagawa Lotus */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #f2ecbc;
+	--bg-elev: #e5ddb0;
+	--bg-elev2: #dcd5ac;
+	--border: #d5cea3;
+	--border-soft: #e5ddb0;
+	--text: #545464;
+	--text-dim: #65624f;
+	--text-faint: #6b685a;
+	--accent: #4d699b;
+	--accent-soft: rgba(77, 105, 155, 0.14);
+	--green: #6f894e;
+	--green-soft: rgba(111, 137, 78, 0.12);
+	--red: #c84053;
+	--red-soft: rgba(200, 64, 83, 0.1);
+	--amber: #de9800;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #f2ecbc;
+	--term-fg: #545464;
+	--term-cursor: #4d699b;
+	--term-cursor-accent: #f2ecbc;
+	--term-selection: rgba(77, 105, 155, 0.24);
+	--term-black: #545464;
+	--term-red: #c84053;
+	--term-green: #6f894e;
+	--term-yellow: #de9800;
+	--term-blue: #4d699b;
+	--term-magenta: #b35b79;
+	--term-cyan: #597b75;
+	--term-white: #e5ddb0;
+	--term-bright-black: #716e61;
+	--term-bright-red: #c84053;
+	--term-bright-green: #6f894e;
+	--term-bright-yellow: #de9800;
+	--term-bright-blue: #4d699b;
+	--term-bright-magenta: #b35b79;
+	--term-bright-cyan: #597b75;
+	--term-bright-white: #f2ecbc;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #e5ddb0;
+	--code-bg: #e5ddb0;
+	--code-text: #545464;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #c84053;
+	--red-text: #c84053;
+	--amber-text: #a37000;
+	--info-blue: #4d699b;
+	--link: #4d699b;
+	--link-hover: #3d5680;
+	--link-soft: #4d699b;
+	--md-strong: #545464;
+	--skill-blue: #4d699b;
+	--plugin-purple: #b58cff;
+	--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;
+	--send-blue: #4d699b;
+	--send-blue-hover: #3d5680;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #4d699b;
+	--brand-grad-b: #624c83;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #716e61;
+	--control-bg: #e5ddb0;
+	--control-border: #d5cea3;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #e5ddb0;
+	--statusbar-bg: #f2ecbc;
+	--panel-bg: #e5ddb0;
+	--card-bg: #e5ddb0;
+	--chip-bg: #dcd5ac;
+	--msgs-bg: #f2ecbc;
+	--inputbox-bg: #dcd5ac;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Kanagawa Lotus) ---- */
+.hljs {
+	color: #545464;
+	background: #e5ddb0;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #624c83;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #4d699b;
+}
+.hljs-number,
+.hljs-literal {
+	color: #b35b79;
+}
+.hljs-string {
+	color: #6f894e;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #a37000;
+}
+.hljs-comment {
+	color: #6b685a;
+	font-style: italic;
+}

package/themes/md-preview.css

@@ -17,6 +17,8 @@
 	--red: #f87171;
 	--red-soft: rgba(248, 113, 113, 0.12);
 	--amber: #fbbf24;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #0b0d12;
 	--term-fg: #e6e8ef;
 	--term-cursor: #8b5cf6;
@@ -67,6 +69,8 @@
 	--notice-info-border: #3b82f6;
 	--send-blue: #3b82f6;
 	--send-blue-hover: #2563eb;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #8b5cf6;
 	--brand-grad-b: #6366f1;
 	--on-amber: #1a1a1a;

package/themes/mist.css

@@ -17,6 +17,8 @@
 	--red: #dc2626;
 	--red-soft: rgba(220, 38, 38, 0.1);
 	--amber: #d97706;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #f8fafc;
 	--term-fg: #1e293b;
 	--term-cursor: #0284c7;
@@ -67,6 +69,8 @@
 	--notice-info-border: #2563eb;
 	--send-blue: #0284c7;
 	--send-blue-hover: #0369a1;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #38bdf8;
 	--brand-grad-b: #0284c7;
 	--on-amber: #1a1a1a;

package/themes/nord.css

@@ -0,0 +1,134 @@
+/* theme-name: 北欧极光 */
+/* theme-name-en: Nord */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #2e3440;
+	--bg-elev: #3b4252;
+	--bg-elev2: #434c5e;
+	--border: #4c566a;
+	--border-soft: #3b4252;
+	--text: #d8dee9;
+	--text-dim: #e5e9f0;
+	--text-faint: #818c9f;
+	--accent: #88c0d0;
+	--accent-soft: rgba(136, 192, 208, 0.14);
+	--green: #a3be8c;
+	--green-soft: rgba(163, 190, 140, 0.12);
+	--red: #bf616a;
+	--red-soft: rgba(191, 97, 106, 0.12);
+	--amber: #ebcb8b;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #242933;
+	--term-fg: #d8dee9;
+	--term-cursor: #88c0d0;
+	--term-cursor-accent: #242933;
+	--term-selection: rgba(67, 76, 94, 0.5);
+	--term-black: #3b4252;
+	--term-red: #bf616a;
+	--term-green: #a3be8c;
+	--term-yellow: #ebcb8b;
+	--term-blue: #81a1c1;
+	--term-magenta: #b48ead;
+	--term-cyan: #88c0d0;
+	--term-white: #e5e9f0;
+	--term-bright-black: #4c566a;
+	--term-bright-red: #bf616a;
+	--term-bright-green: #a3be8c;
+	--term-bright-yellow: #ebcb8b;
+	--term-bright-blue: #81a1c1;
+	--term-bright-magenta: #b48ead;
+	--term-bright-cyan: #8fbcbb;
+	--term-bright-white: #eceff4;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #3b4252;
+	--code-bg: #242933;
+	--code-text: #d8dee9;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #bf616a;
+	--red-text: #bf616a;
+	--amber-text: #ebcb8b;
+	--info-blue: #81a1c1;
+	--link: #88c0d0;
+	--link-hover: #81a1c1;
+	--link-soft: #88c0d0;
+	--md-strong: #eceff4;
+	--skill-blue: #88c0d0;
+	--plugin-purple: #b58cff;
+	--auth-green: #a3be8c;
+	--scroll-thumb: #434c5e;
+	--scroll-thumb-hover: #4c566a;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #88c0d0;
+	--send-blue-hover: #81a1c1;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #88c0d0;
+	--brand-grad-b: #81a1c1;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #d8dee9;
+	--control-bg: #3b4252;
+	--control-border: #4c566a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #3b4252;
+	--statusbar-bg: #242933;
+	--panel-bg: #3b4252;
+	--card-bg: #3b4252;
+	--chip-bg: #434c5e;
+	--msgs-bg: #2e3440;
+	--inputbox-bg: #434c5e;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Nord) ---- */
+.hljs {
+	color: #d8dee9;
+	background: #242933;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #81a1c1;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #88c0d0;
+}
+.hljs-number,
+.hljs-literal {
+	color: #b48ead;
+}
+.hljs-string {
+	color: #a3be8c;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #ebcb8b;
+}
+.hljs-comment {
+	color: #616e88;
+}

package/themes/one-dark.css

@@ -0,0 +1,135 @@
+/* theme-name: One Dark */
+/* theme-name-en: One Dark Pro */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #282c34;
+	--bg-elev: #21252b;
+	--bg-elev2: #2c313a;
+	--border: #3e4451;
+	--border-soft: #31363f;
+	--text: #abb2bf;
+	--text-dim: #828997;
+	--text-faint: #5c6370;
+	--accent: #61afef;
+	--accent-soft: rgba(97, 175, 239, 0.14);
+	--green: #98c379;
+	--green-soft: rgba(152, 195, 121, 0.12);
+	--red: #e06c75;
+	--red-soft: rgba(224, 108, 117, 0.12);
+	--amber: #e5c07b;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #1e2227;
+	--term-fg: #abb2bf;
+	--term-cursor: #528bff;
+	--term-cursor-accent: #1e2227;
+	--term-selection: rgba(62, 68, 81, 0.5);
+	--term-black: #282c34;
+	--term-red: #e06c75;
+	--term-green: #98c379;
+	--term-yellow: #e5c07b;
+	--term-blue: #61afef;
+	--term-magenta: #c678dd;
+	--term-cyan: #56b6c2;
+	--term-white: #abb2bf;
+	--term-bright-black: #5c6370;
+	--term-bright-red: #e06c75;
+	--term-bright-green: #98c379;
+	--term-bright-yellow: #e5c07b;
+	--term-bright-blue: #61afef;
+	--term-bright-magenta: #c678dd;
+	--term-bright-cyan: #56b6c2;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #21252b;
+	--code-bg: #1e2227;
+	--code-text: #abb2bf;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #e06c75;
+	--red-text: #e06c75;
+	--amber-text: #e5c07b;
+	--info-blue: #56b6c2;
+	--link: #61afef;
+	--link-hover: #528bff;
+	--link-soft: #61afef;
+	--md-strong: #ffffff;
+	--skill-blue: #61afef;
+	--plugin-purple: #b58cff;
+	--auth-green: #98c379;
+	--scroll-thumb: #3e4451;
+	--scroll-thumb-hover: #4b5263;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #61afef;
+	--send-blue-hover: #528bff;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #61afef;
+	--brand-grad-b: #c678dd;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #828997;
+	--control-bg: #21252b;
+	--control-border: #3e4451;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #21252b;
+	--statusbar-bg: #1e2227;
+	--panel-bg: #21252b;
+	--card-bg: #21252b;
+	--chip-bg: #2c313a;
+	--msgs-bg: #282c34;
+	--inputbox-bg: #2c313a;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (One Dark Pro) ---- */
+.hljs {
+	color: #abb2bf;
+	background: #1e2227;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #c678dd;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #61afef;
+}
+.hljs-number,
+.hljs-literal {
+	color: #d19a66;
+}
+.hljs-string {
+	color: #98c379;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #e5c07b;
+}
+.hljs-comment {
+	color: #5c6370;
+	font-style: italic;
+}

package/themes/paper.css

@@ -6,10 +6,10 @@
 	--bg-elev: #fffdf6;
 	--bg-elev2: #efe7d3;
 	--border: #ddcfae;
-	--border-soft: #e7dcc2;
+	--border-soft: #ded1b3;
 	--text: #3f372c;
 	--text-dim: #6f6250;
-	--text-faint: #a2937a;
+	--text-faint: #6c5a41;
 	--accent: #b45309;
 	--accent-soft: rgba(180, 83, 9, 0.12);
 	--green: #15803d;
@@ -17,6 +17,8 @@
 	--red: #b91c1c;
 	--red-soft: rgba(185, 28, 28, 0.1);
 	--amber: #d97706;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #f7f1e3;
 	--term-fg: #3f372c;
 	--term-cursor: #b45309;
@@ -30,7 +32,7 @@
 	--term-magenta: #9333ea;
 	--term-cyan: #0e7490;
 	--term-white: #3f372c;
-	--term-bright-black: #a2937a;
+	--term-bright-black: #6c5a41;
 	--term-bright-red: #b91c1c;
 	--term-bright-green: #15803d;
 	--term-bright-yellow: #a16207;
@@ -67,6 +69,8 @@
 	--notice-info-border: #57534e;
 	--send-blue: #b45309;
 	--send-blue-hover: #92400e;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #d97706;
 	--brand-grad-b: #b45309;
 	--on-amber: #1a1a1a;
@@ -89,14 +93,14 @@
 	--bg-image: none;
 	--bg-image-dim: 0.78;
 	--bg-image-blur: 0px;
-	--wallpaper-panel-alpha: 62%;
-	--topbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--statusbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--panel-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--card-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--chip-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
-	--msgs-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--inputbox-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #fffdf6;
+	--statusbar-bg: #fffdf6;
+	--panel-bg: #fffdf6;
+	--card-bg: #fffdf6;
+	--chip-bg: #efe7d3;
+	--msgs-bg: #fffdf6;
+	--inputbox-bg: #efe7d3;
 	--menu-bg: var(--bg-elev2);
 }
 
@@ -144,7 +148,7 @@
 .hljs-comment,
 .hljs-code,
 .hljs-formula {
-	color: #8a7d64;
+	color: #5f533e;
 }
 .hljs-name,
 .hljs-quote,

package/themes/rose-pine-dawn.css

@@ -0,0 +1,136 @@
+/* theme-name: 玫瑰松晨 */
+/* theme-name-en: Rose Pine Dawn */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #faf4ed;
+	--bg-elev: #fffaf3;
+	--bg-elev2: #f2e9e1;
+	--border: #e4dcd3;
+	--border-soft: #efe7dd;
+	--text: #464261;
+	--text-dim: #6d687e;
+	--text-faint: #726c81;
+	--accent: #907aa9;
+	--accent-soft: rgba(144, 122, 169, 0.14);
+	--green: #56949f;
+	--green-soft: rgba(86, 148, 159, 0.12);
+	--red: #b4637a;
+	--red-soft: rgba(180, 99, 122, 0.12);
+	--amber: #ea9d34;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #faf4ed;
+	--term-fg: #464261;
+	--term-cursor: #907aa9;
+	--term-cursor-accent: #fffaf3;
+	--term-selection: rgba(144, 122, 169, 0.25);
+	--term-black: #464261;
+	--term-red: #b4637a;
+	--term-green: #286983;
+	--term-yellow: #ea9d34;
+	--term-blue: #907aa9;
+	--term-magenta: #b4637a;
+	--term-cyan: #56949f;
+	--term-white: #fffaf3;
+	--term-bright-black: #797593;
+	--term-bright-red: #b4637a;
+	--term-bright-green: #286983;
+	--term-bright-yellow: #ea9d34;
+	--term-bright-blue: #907aa9;
+	--term-bright-magenta: #b4637a;
+	--term-bright-cyan: #56949f;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #fffaf3;
+	--code-bg: #f2e9e1;
+	--code-text: #464261;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #b4637a;
+	--red-text: #b4637a;
+	--amber-text: #b46a1e;
+	--info-blue: #286983;
+	--link: #286983;
+	--link-hover: #1e5266;
+	--link-soft: #286983;
+	--md-strong: #464261;
+	--skill-blue: #56949f;
+	--plugin-purple: #b58cff;
+	--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;
+	--send-blue: #907aa9;
+	--send-blue-hover: #79759c;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #907aa9;
+	--brand-grad-b: #d7827e;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #797593;
+	--control-bg: #f2e9e1;
+	--control-border: #e4dcd3;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #fffaf3;
+	--statusbar-bg: #faf4ed;
+	--panel-bg: #fffaf3;
+	--card-bg: #fffaf3;
+	--chip-bg: #f2e9e1;
+	--msgs-bg: #faf4ed;
+	--inputbox-bg: #f2e9e1;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Rosé Pine Dawn) ---- */
+.hljs {
+	color: #464261;
+	background: #f2e9e1;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #907aa9;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #286983;
+}
+.hljs-number,
+.hljs-literal {
+	color: #b4637a;
+}
+.hljs-string {
+	color: #d7827e;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #56949f;
+}
+.hljs-comment {
+	color: #726c81;
+	font-style: italic;
+}

package/themes/sakura.css

@@ -17,6 +17,8 @@
 	--red: #e11d48;
 	--red-soft: rgba(225, 29, 72, 0.1);
 	--amber: #d97706;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #fffbfc;
 	--term-fg: #4a2b35;
 	--term-cursor: #db2777;
@@ -67,6 +69,8 @@
 	--notice-info-border: #a855f7;
 	--send-blue: #db2777;
 	--send-blue-hover: #be185d;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #f472b6;
 	--brand-grad-b: #db2777;
 	--on-amber: #1a1a1a;