diff --git a/src/template/web.chat.header/theme/black.css b/src/template/web.chat.header/theme/black.css index e40bb24e..d462c892 100644 --- a/src/template/web.chat.header/theme/black.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/blue.css b/src/template/web.chat.header/theme/blue.css new file mode 100644 index 00000000..414aca0c --- /dev/null +++ b/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); +} + diff --git a/src/template/web.chat.header/theme/dark.css b/src/template/web.chat.header/theme/dark.css index 4bd665e3..c8d7b164 100644 --- a/src/template/web.chat.header/theme/dark.css +++ b/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); } diff --git a/src/template/web.chat.header/theme/light.css b/src/template/web.chat.header/theme/light.css index b97ee35e..22f41970 100644 --- a/src/template/web.chat.header/theme/light.css +++ b/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); - --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-output-fg-color:#d0d3da; --panel-input-bg-color:#6b7488; - --panel-input-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; + --panel-hover-fg-color:white; --plugin-bg-color:aliceblue; - --plugin-fg-color:var(--body-fg-color); - --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-border:lightgray solid 1px; --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; } diff --git a/src/template/web.chat.header/theme/silver.css b/src/template/web.chat.header/theme/silver.css new file mode 100644 index 00000000..4b20d511 --- /dev/null +++ b/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); +} diff --git a/src/template/web.chat.header/theme/white.css b/src/template/web.chat.header/theme/white.css index b5230ee6..9b77b05a 100644 --- a/src/template/web.chat.header/theme/white.css +++ b/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; - - --panel-input-bg-color:unset; - --panel-input-fg-color:unset; + --input-border:transparent solid 1px; + --output-bg-color:transparent; + --panel-output-bg-color:transparent; --panel-output-fg-color:silver; - --panel-hover-bg-color:#243783bd; + --panel-hover-fg-color:white; --plugin-bg-color:#ffffffa1; - - --hover-bg-color:white; - --hover-fg-color:black; + --box-border:lightgray solid 1px; + --box-shadow:gray 2px 2px 8px; + --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); }