opt theme

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

@@ -1,22 +1,11 @@
 body.black {
-	--body-bg-color:black; --body-fg-color:cyan;
+	--body-fg-color:cyan;
-
 	--legend-bg-color:#243783bd;
 	--input-bg-color:#243783bd;
+	--input-border:transparent solid 1px;
 	--output-bg-color:transparent;
 	--status-border:darkcyan solid 1px;
-
 	--panel-output-bg-color:transparent;
-   	--panel-output-fg-color:var(--body-fg-color);
 	--plugin-bg-color:#061c3c9e;
-	--plugin-border-color:lightgray;
-   	--plugin-radius:10px;
-
-	--hover-bg-color:#243783bd;
-   	--hover-fg-color:white;
-
 	--th-bg-color:steelblue;
 }
-body.black input { outline:none; }
-body.black textarea { outline:none; }
-body.black input.select, body.black input[type=text], body.black textarea { box-shadow:4px 4px 20px 4px #626bd0; }

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

@@ -0,0 +1,7 @@
+body.blue {
+	--legend-bg-color:var(--ui-blue-10);
+	--input-bg-color:var(--ui-blue-10);
+	--panel-output-bg-color:var(--input-bg-color);
+	--plugin-bg-color:var(--legend-bg-color);
+}
+

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

@@ -1,42 +1,12 @@
 body.dark {
-	--body-bg-color:black; --body-fg-color:silver;
-
 	--legend-bg-color:#212121;
 	--input-bg-color:#232526;
-	--input-fg-color:var(--body-fg-color);
-	--input-border:blue solid 1px;
-	--input-radius:5px;
-	--output-bg-color:var(--input-bg-color);
-	--status-border:gray solid 1px;
-
-	--panel-bg-color:var(--panel-output-bg-color);
-	--panel-fg-color:var(--panel-output-fg-color);
-	--panel-output-bg-color:var(--body-bg-color);
-	--panel-output-fg-color:var(--body-fg-color);
-	--plugin-bg-color:var(--body-bg-color);
-	--plugin-fg-color:var(--body-fg-color);
-	--plugin-border-color:#404141;
-	--plugin-radius:var(--input-radius);
-
-	--float-fg-color:var(--plugin-fg-color);
-	--float-bg-color:var(--plugin-bg-color);
-	--carte-bg-color:var(--plugin-bg-color);
-	--hover-bg-color:#5066b945;
-	--hover-fg-color:white;
-
-	--th-bg-color:var(--plugin-bg-color);
-	--td-hover-bg-color:var(--hover-bg-color);
-	--tr-hover-bg-color:var(--hover-bg-color);
-
-	--code-comment:green; --code-keyword:royalblue; --code-package:blue;
-	--code-datatype:lavender; --code-function:lightgreen;
-	--code-constant:gray; --code-string:orange; --code-object:silver;
 }
 body.dark.cmd {
+	--body-bg-color:#1e1e29;
 	--legend-bg-color:#252732;
-	--body-bg-color:#1e1e29; --body-fg-color:silver;
 	--input-bg-color:#191a22;
 }
-body.cmd div.output>div.project {
+body.dark.cmd div.output>div.project {
 	background-color:var(--body-bg-color);
 }

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

@@ -1,38 +1,19 @@
-body.light.cmd { --body-bg-color:aliceblue; }
-body.white.cmd { --body-bg-color:white; }
 body.light {
-	--body-bg-color:#4a566e; --body-fg-color:black;
+	--body-bg-color:#4a566e;
-
+	--body-fg-color:black;
 	--legend-bg-color:lightsteelblue;
 	--input-bg-color:white;
-   	--input-fg-color:var(--body-fg-color);
+	--panel-output-fg-color:#d0d3da;
-	--input-border:blue solid 1px; --input-radius:5px;
-	--output-bg-color:var(--input-bg-color);
-	--status-border:transparent solid 1px;
-
-	--panel-bg-color:var(--panel-output-bg-color);
-   	--panel-fg-color:var(--panel-output-fg-color);
 	--panel-input-bg-color:#6b7488;
-   	--panel-input-fg-color:white;
+	--panel-hover-fg-color:white;
-	--panel-output-bg-color:var(--body-bg-color);
-   	--panel-output-fg-color:#d0d3da;
-	--panel-hover-bg-color:#2b3446;
-   	--panel-hover-fg-color:white;
 	--plugin-bg-color:aliceblue;
-   	--plugin-fg-color:var(--body-fg-color);
+	--box-border:lightgray solid 1px;
-	--plugin-border-color:lightgray;
-   	--plugin-radius:10px;
-
-   	--float-bg-color:var(--plugin-bg-color);
-	--float-fg-color:var(--plugin-fg-color);
-	--carte-bg-color:var(--plugin-bg-color);
-	--hover-bg-color:#5066b945;
-   	--hover-fg-color:var(--input-fg-color);
-
-	--th-bg-color:var(--plugin-bg-color); --th-fg-color:black;
-	--td-hover-bg-color:var(--hover-bg-color);
-	--tr-hover-bg-color:var(--hover-bg-color);
-
-	--code-fg-color:white;
 	--box-shadow:gray 2px 2px 8px;
+	--hover-fg-color:var(--input-fg-color);
+	--code-fg-color:white;
+	--code-comment:green; --code-keyword:darkblue; --code-package:blue;
+	--code-datatype:cornflowerblue; --code-function:darkcyan;
+	--code-constant:gray; --code-string:brown; --code-object:purple;
 }
+body.light.cmd { --body-bg-color:aliceblue; }
+body.white.cmd { --body-bg-color:white; }

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

@@ -0,0 +1,6 @@
+body.silver {
+	--legend-bg-color:#202430;
+	--input-bg-color:#2d323e;
+	--panel-output-bg-color:var(--input-bg-color);
+	--plugin-bg-color:var(--legend-bg-color);
+}

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

@@ -1,18 +1,21 @@
 body.white {
-	--body-bg-color:white; --body-fg-color:black;
+	--body-bg-color:white;
-
+	--body-fg-color:black;
 	--legend-bg-color:#ffffffc2;
 	--input-bg-color:#ffffff7d;
-
+	--input-border:transparent solid 1px;
-	--panel-input-bg-color:unset;
+	--output-bg-color:transparent;
-	--panel-input-fg-color:unset;
+	--panel-output-bg-color:transparent;
 	--panel-output-fg-color:silver;
-	--panel-hover-bg-color:#243783bd;
+	--panel-hover-fg-color:white;
 	--plugin-bg-color:#ffffffa1;
-
+	--box-border:lightgray solid 1px;
-	--hover-bg-color:white;
+	--box-shadow:gray 2px 2px 8px;
-	--hover-fg-color:black;
+	--hover-fg-color:var(--input-fg-color);
 	--th-bg-color:skyblue;
+	--code-fg-color:white;
+	--code-comment:green; --code-keyword:darkblue; --code-package:blue;
+	--code-datatype:cornflowerblue; --code-function:darkcyan;
+	--code-constant:gray; --code-string:brown; --code-object:purple;
+
 }
-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); }