diff --git a/src/template/web.chat.header/theme/black.css b/src/template/web.chat.header/theme/black.css index e7380063..25b435fc 100644 --- a/src/template/web.chat.header/theme/black.css +++ b/src/template/web.chat.header/theme/black.css @@ -1,14 +1,9 @@ body.black { --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; - --plugin-bg-color:#061c3c9e; - --th-bg-color:steelblue; + --legend-bg-color:#061c3c9e; + --input-bg-color:transparent; + --box-border: darkcyan solid 1px; + /* --panel-output-bg-color: var(--body-bg-color); */ } -body.black fieldset.panel.auto:not(.main) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } -body.black fieldset.panel.auto:not(.main)>div.output { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } - +body.black fieldset.panel.auto { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } +body.black fieldset.panel.auto>div.output { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } diff --git a/src/template/web.chat.header/theme/blue.css b/src/template/web.chat.header/theme/blue.css index 414aca0c..437b9228 100644 --- a/src/template/web.chat.header/theme/blue.css +++ b/src/template/web.chat.header/theme/blue.css @@ -1,7 +1,5 @@ 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); + --input-bg-color:var(--ui-geekblue-10); + --box-border:blue solid 1px; } - diff --git a/src/template/web.chat.header/theme/dark.css b/src/template/web.chat.header/theme/dark.css index c8d7b164..6adc5ac4 100644 --- a/src/template/web.chat.header/theme/dark.css +++ b/src/template/web.chat.header/theme/dark.css @@ -1,12 +1,5 @@ body.dark { - --legend-bg-color:#212121; - --input-bg-color:#232526; -} -body.dark.cmd { - --body-bg-color:#1e1e29; - --legend-bg-color:#252732; - --input-bg-color:#191a22; -} -body.dark.cmd div.output>div.project { - background-color:var(--body-bg-color); + --legend-bg-color:black; + --input-bg-color:#202123; + --panel-output-bg-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 3817ae81..873d87c9 100644 --- a/src/template/web.chat.header/theme/light.css +++ b/src/template/web.chat.header/theme/light.css @@ -1,16 +1,17 @@ body.light { --body-bg-color:#4a566e; --body-fg-color:black; - --legend-bg-color:lightsteelblue; + --legend-bg-color:aliceblue; --input-bg-color:white; + --box-border:lightgray solid 1px; + --box-shadow:gray 2px 2px 8px; + --panel-output-bg-color: var(--body-bg-color); --panel-output-fg-color:#d0d3da; --panel-input-bg-color:#6b7488; --panel-input-fg-color:white; --panel-hover-fg-color:white; - --plugin-bg-color:aliceblue; - --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; diff --git a/src/template/web.chat.header/theme/red.css b/src/template/web.chat.header/theme/red.css new file mode 100644 index 00000000..e469de0a --- /dev/null +++ b/src/template/web.chat.header/theme/red.css @@ -0,0 +1,6 @@ +body.red { + --legend-bg-color:var(--ui-volcano-9); + --input-bg-color:var(--ui-red-10); + --box-border:red solid 1px; +} + diff --git a/src/template/web.chat.header/theme/silver.css b/src/template/web.chat.header/theme/silver.css index 4b20d511..a9daf791 100644 --- a/src/template/web.chat.header/theme/silver.css +++ b/src/template/web.chat.header/theme/silver.css @@ -1,6 +1,5 @@ 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); + --legend-bg-color:#2d323e; + --input-bg-color:#202430; + --box-border: gray solid 1px; } diff --git a/src/template/web.chat.header/theme/white.css b/src/template/web.chat.header/theme/white.css index cf08a68f..1c1b4024 100644 --- a/src/template/web.chat.header/theme/white.css +++ b/src/template/web.chat.header/theme/white.css @@ -1,22 +1,22 @@ body.white { - --body-bg-color:white; --body-fg-color:black; --legend-bg-color:#ffffffc2; - --input-bg-color:#ffffff7d; - --input-border:transparent solid 1px; - --output-bg-color:transparent; - --panel-output-bg-color:transparent; - --panel-output-fg-color:lavender; - --panel-hover-fg-color:white; - --plugin-bg-color:#ffffffa1; + --input-bg-color:transparent; --box-border:lightgray solid 1px; --box-shadow:gray 2px 2px 8px; + --panel-output-fg-color:lavender; + /* --panel-output-bg-color: var(--plugin-bg-color); */ + --panel-input-bg-color:var(--input-bg-color); + --panel-input-fg-color:lavender; + --panel-hover-fg-color:white; --hover-fg-color:var(--input-fg-color); - --th-bg-color:aliceblue; + --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.auto:not(.main) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } -body.white fieldset.panel.auto:not(.main)>div.output { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } +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); } +body.white fieldset.panel:not(.main):not(.auto) input { background-color:var(--panel-input-bg-color); color:var(--panel-input-fg-color); } +body.white fieldset.panel:not(.main):not(.auto) input::placeholder { background-color:var(--panel-input-bg-color); color:var(--panel-fg-color); }