diff --git a/etc/init.shy b/etc/init.shy
index 2bcf8d14..0cf97146 100644
--- a/etc/init.shy
+++ b/etc/init.shy
@@ -15,10 +15,12 @@
 	webpack insert xterm-addon-fit
 	webpack insert xterm-addon-web-links
 	webpack insert xterm/css/xterm.css
+	webpack insert html2canvas/dist/html2canvas.min.js
 	binpack insert usr/node_modules/xterm/lib/xterm.js
 	binpack insert usr/node_modules/xterm-addon-fit/lib/xterm-addon-fit.js
 	binpack insert usr/node_modules/xterm-addon-web-links/lib/xterm-addon-web-links.js
 	binpack insert usr/node_modules/xterm/css/xterm.css
+	binpack insert usr/node_modules/html2canvas/dist/html2canvas.min.js
 	binpack insert usr/local/export/
 	binpack insert usr/icons/
 
diff --git a/src/main.shy b/src/main.shy
index 32ce09fd..cc625009 100644
--- a/src/main.shy
+++ b/src/main.shy
@@ -17,6 +17,7 @@ chapter "项目"
 label `
 intshell icebergs volcanos
 contexts toolkits learning
+go-git release matrix
 ` index web.code.git.spide
 
 section "火山架"
@@ -52,3 +53,5 @@ field "趋势图" web.code.git.trend args `intshell`
 field "架构图" web.code.git.spide args `intshell`
 
 spark README.md
+
+source h2/h2.shy
diff --git a/src/template/web.chat.header/black.css b/src/template/web.chat.header/black.css
index 5fe701fb..37d5748f 100644
--- a/src/template/web.chat.header/black.css
+++ b/src/template/web.chat.header/black.css
@@ -4,27 +4,17 @@ body.black {
 
 	--legend-bg-color:#243783bd;
 	--input-bg-color:#243783bd;
-	--input-fg-color:var(--body-fg-color);
-	--input-radius:5px;
-	--input-border:blue solid 1px;
-	--status-border:darkcyan solid 1px;
 	--output-bg-color:transparent;
+	--status-border:darkcyan solid 1px;
 
 	--plugin-radius:10px;
 	--plugin-bg-color:#061c3c9e;
 	--panel-output-bg-color:transparent;
 	--panel-output-fg-color:var(--body-fg-color);
-	--panel-bg-color:var(--panel-output-bg-color);
-	--panel-fg-color:var(--panel-output-fg-color);
 
-	--float-bg-color:var(--plugin-bg-color);
-	--carte-bg-color:var(--plugin-bg-color);
 	--hover-bg-color:#243783bd;
 	--hover-fg-color:white;
-
 	--th-bg-color:steelblue;
-	--tr-hover-bg-color:var(--plugin-bg-color);
-	--td-hover-bg-color:var(--plugin-bg-color);
 }
 body.black input { outline:none; }
 body.black textarea { outline:none; }
diff --git a/src/template/web.chat.header/dark.css b/src/template/web.chat.header/dark.css
index 81a1860f..361e0596 100644
--- a/src/template/web.chat.header/dark.css
+++ b/src/template/web.chat.header/dark.css
@@ -7,22 +7,24 @@ body.dark {
 	--input-fg-color:var(--body-fg-color);
 	--input-radius:5px;
 	--input-border:blue solid 1px;
-	--status-border:gray solid 1px;
 	--output-bg-color:var(--input-bg-color);
+	--status-border:gray solid 1px;
 
 	--plugin-radius:var(--input-radius);
 	--plugin-bg-color:var(--body-bg-color);
+	--plugin-fg-color:var(--body-fg-color);
 	--panel-output-bg-color:var(--body-bg-color);
 	--panel-output-fg-color:var(--body-fg-color);
 	--panel-bg-color:var(--panel-output-bg-color);
 	--panel-fg-color:var(--panel-output-fg-color);
 
+	--float-fg-color:var(--plugin-fg-color);
 	--float-bg-color:var(--plugin-bg-color);
 	--carte-bg-color:var(--plugin-bg-color);
 	--hover-bg-color:var(--input-bg-color);
 	--hover-fg-color:white;
 
 	--th-bg-color:var(--plugin-bg-color);
-	--tr-hover-bg-color:var(--plugin-bg-color);
 	--td-hover-bg-color:var(--plugin-bg-color);
+	--tr-hover-bg-color:var(--plugin-bg-color);
 }
diff --git a/src/template/web.chat.header/light.css b/src/template/web.chat.header/light.css
index 5a5dcf72..a1c48ef8 100644
--- a/src/template/web.chat.header/light.css
+++ b/src/template/web.chat.header/light.css
@@ -7,11 +7,12 @@ body.light {
 	--input-fg-color:var(--body-fg-color);
 	--input-radius:5px;
 	--input-border:blue solid 1px;
-	--status-border:transparent solid 1px;
 	--output-bg-color:var(--input-bg-color);
+	--status-border:transparent solid 1px;
 
 	--plugin-radius:10px;
 	--plugin-bg-color:aliceblue;
+	--plugin-fg-color:var(--body-fg-color);
 	--panel-output-bg-color:var(--body-bg-color);
 	--panel-output-fg-color:#d0d3da;
 	--panel-input-bg-color:#6b7488;
@@ -21,13 +22,14 @@ body.light {
 	--panel-bg-color:var(--panel-output-bg-color);
 	--panel-fg-color:var(--panel-output-fg-color);
 
+	--float-fg-color:var(--plugin-fg-color);
 	--float-bg-color:var(--plugin-bg-color);
 	--carte-bg-color:var(--plugin-bg-color);
 	--hover-bg-color:var(--input-bg-color);
 	--hover-fg-color:var(--input-fg-color);
 
-	--th-bg-color:var(--plugin-bg-color);
 	--th-fg-color:black;
-	--tr-hover-bg-color:var(--plugin-bg-color);
+	--th-bg-color:var(--plugin-bg-color);
 	--td-hover-bg-color:var(--plugin-bg-color);
+	--tr-hover-bg-color:var(--plugin-bg-color);
 }
diff --git a/src/template/web.chat.header/white.css b/src/template/web.chat.header/white.css
index 0c0f5400..b0fd9384 100644
--- a/src/template/web.chat.header/white.css
+++ b/src/template/web.chat.header/white.css
@@ -4,29 +4,16 @@ body.white {
 
 	--legend-bg-color:#ffffffc2;
 	--input-bg-color:#ffffff7d;
-	--input-fg-color:var(--body-fg-color);
-	--input-radius:5px;
-	--input-border:blue solid 1px;
-	--status-border:darkcyan solid 1px;
-	--output-bg-color:transparent;
 
-	--plugin-radius:10px;
 	--plugin-bg-color:#ffffffa1;
-	--panel-output-bg-color:transparent;
 	--panel-output-fg-color:silver;
+	--panel-input-bg-color:unset;
+	--panel-input-fg-color:unset;
 	--panel-hover-bg-color:#243783bd;
-	--panel-hover-fg-color:white;
-	--panel-bg-color:var(--panel-output-bg-color);
-	--panel-fg-color:var(--panel-output-fg-color);
 
-	--float-bg-color:var(--plugin-bg-color);
-	--carte-bg-color:var(--plugin-bg-color);
 	--hover-bg-color:white;
 	--hover-fg-color:black;
-
 	--th-bg-color:skyblue;
-	--tr-hover-bg-color:var(--plugin-bg-color);
-	--td-hover-bg-color:var(--plugin-bg-color);
 }
 body.white fieldset.panel.River:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); }
 body.white fieldset.panel.River:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); }