opt theme

src/template/web.chat.header/theme/black.css

@@ -1,8 +1,7 @@
 body.black {
 	--body-bg-color:#0b376e;
+	--plugin-bg-color:#061c3c9e; --plugin-fg-color:cyan; --output-bg-color:transparent;
+	--panel-output-bg-color:transparent;
 	--box-border:darkcyan solid 1px;
-	--plugin-bg-color:#061c3c9e; --plugin-fg-color:cyan;
-	--input-bg-color:transparent; --panel-output-bg-color:transparent;
 	--code-bg-color:var(--plugin-bg-color);
 }
-body.black table.content.action td:last-child { background-color:var(--th-bg-color); }

src/template/web.chat.header/theme/blue.css

@@ -1,6 +1,3 @@
 body.blue {
-	--box-border:#9c9cb070 solid 1px;
-	--plugin-bg-color:navy;
-	--plugin-fg-color:silver;
-	--input-bg-color:darkblue;
+	--plugin-bg-color:navy; --plugin-fg-color:silver; --output-bg-color:darkblue;
 }

src/template/web.chat.header/theme/dark.css

@@ -1,5 +1,3 @@
 body.dark {
-	--plugin-bg-color:#0d1117;
-	--plugin-fg-color:silver;
-	--input-bg-color:#171a22;
+	--plugin-bg-color:#0d1117; --plugin-fg-color:silver; --output-bg-color:#171a22;
 }

src/template/web.chat.header/theme/light.css

@@ -1,11 +1,9 @@
 body.light {
-	--body-bg-color:#4a566e; --body-fg-color:black;
-	--box-border:lightgray solid 1px; --box-shadow:gray 2px 2px 8px;
-	--hover-fg-color:var(--body-fg-color); --panel-hover-fg-color:white;
-
-	--plugin-bg-color:aliceblue; --plugin-fg-color:black;
-	--input-bg-color:white;
+	--body-bg-color:#4a566e;
+	--plugin-bg-color:aliceblue; --plugin-fg-color:black; --output-bg-color:white;
 	--panel-bg-color:var(--body-bg-color); --panel-fg-color:#d0d3da;
 	--panel-input-bg-color:#6b7488; --panel-input-fg-color:white;
+	--box-border:lightgray solid 1px; --box-shadow:gray 2px 2px 8px;
+
 }
 body.light fieldset.macos.desktop>div.output>div.desktop>div.item>div.name { color:white; }

src/template/web.chat.header/theme/red.css

@@ -1,7 +1,4 @@
 body.red {
-	--box-border:#9c9cb070 solid 1px;
-	--plugin-bg-color:firebrick;
-	--plugin-fg-color:silver;
-	--input-bg-color:darkred;
+	--plugin-bg-color:firebrick; --plugin-fg-color:silver; --output-bg-color:darkred;
 }
 body.red fieldset.draw.trend div.output svg { background-color:#d895959e; }

src/template/web.chat.header/theme/silver.css

@@ -1,6 +1,3 @@
 body.silver {
-	--box-border:gray solid 1px;
-	--plugin-bg-color:#2d323e;
-	--plugin-fg-color:silver;
-	--input-bg-color:#202430;
+	--plugin-bg-color:#2d323e; --plugin-fg-color:silver; --output-bg-color:#202430;
 }

src/template/web.chat.header/theme/white.css

@@ -1,15 +1,9 @@
 body.white {
 	--body-bg-color:#1971dc;
+	--plugin-bg-color:#ffffffc2; --plugin-fg-color:black; --output-bg-color:transparent;
+	--panel-bg-color:transparent; --panel-fg-color:white; --panel-hover-bg-color:steelblue;
 	--box-border:lightgray solid 1px; --box-shadow:gray 2px 2px 8px;
-	--hover-fg-color:var(--body-fg-color);
-	--panel-hover-bg-color:steelblue;
-	--panel-hover-fg-color:white;
-
-	--plugin-bg-color:#ffffffc2; --plugin-fg-color:black;
-	--input-bg-color:transparent;
- 	--panel-bg-color:transparent; --panel-fg-color:white;
 }
-body.white table.content.action td:last-child { background-color:var(--th-bg-color); }
 body.white fieldset.panel:not(.main):not(.auto) input::placeholder { color:gray; }
 body.white fieldset.panel.auto { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
 body.white fieldset.panel.auto>div.output { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }

src/template/web.chat.header/theme/yellow.css

@@ -1,8 +1,7 @@
 body.yellow {
 	--body-bg-color:#0b376e;
+	--plugin-bg-color:#061c3c9e; --plugin-fg-color:yellow; --output-bg-color:transparent;
+	--panel-output-bg-color:transparent;
 	--box-border:darkcyan solid 1px;
-	--plugin-bg-color:#061c3c9e; --plugin-fg-color:yellow;
-	--input-bg-color:transparent; --panel-output-bg-color:transparent;
 	--code-bg-color:var(--plugin-bg-color);
 }
-body.yellow table.content.action td:last-child { background-color:var(--th-bg-color); }