diff --git a/etc/miss.sh b/etc/miss.sh index 3917d13d..8e671a99 100644 --- a/etc/miss.sh +++ b/etc/miss.sh @@ -22,7 +22,6 @@ ish_miss_prepare icons # ish_miss_prepare go-qrcode ish_miss_prepare go-git ish_miss_prepare matrix -ish_miss_prepare vue-element-admin _prepare_ttc() { ish_sys_cli_prepare; ish_dev_tmux_prepare; ish_dev_git_prepare; ish_dev_vim_prepare # ish_dev_vim_plug_prepare diff --git a/src/template/web.chat.header/black.css b/src/template/web.chat.header/black.css index e86c3af1..5fe701fb 100644 --- a/src/template/web.chat.header/black.css +++ b/src/template/web.chat.header/black.css @@ -1,20 +1,31 @@ -body.black { background-color:black; color:cyan; } -body.black legend { background-color:#243783bd; } -body.black input { background-color:#243783bd; color:cyan; outline:none; } -body.black textarea { background-color:#243783bd; color:cyan; outline:none; } -body.black table.content th { background-color:steelblue; } -body.black table.content.action td:last-child { background-color:steelblue; } -body.black div.item:hover { background-color:#243783bd; } -body.black div.item.select { background-color:#243783bd; } -body.black div.output { background-color:unset; } -body.black fieldset>div.status { border-top:darkcyan solid 1px; } -body.black fieldset:not(.panel):not(.float):not(.full) { background-color:#061c3c9e; } -body.black fieldset.panel:not(.main):not(.auto) { background-color:unset; } -body.black fieldset.panel:not(.main):not(.auto)>div.output { background-color:unset; } -body.black div.float { background-color:#061c3ceb; } -body.black div.zone>div.item { background-color:steelblue; color:white; } -body.black div.zone>div.list>div.zone>div.item { background-color:#09466fc2; } -body.black div.tabs div:hover { background-color:unset; color:white } -body.black div.tabs div.select { background-color:unset; color:white } +body.black { + --body-bg-color:black; + --body-fg-color:cyan; + + --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; + + --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; } body.black input.select, body.black input[type=text], body.black textarea { box-shadow:4px 4px 20px 4px #626bd0; } -body.black fieldset:not(.panel) { background-color:#061c3ceb; border-radius:10px; } \ No newline at end of file diff --git a/src/template/web.chat.header/dark.css b/src/template/web.chat.header/dark.css index 581dcdbb..81a1860f 100644 --- a/src/template/web.chat.header/dark.css +++ b/src/template/web.chat.header/dark.css @@ -1,44 +1,28 @@ -body.dark { background-color:black; color:silver; } -body.dark legend { background-color:#212121; border-radius:5px; } -body.dark legend:hover { color:white } -body.dark input { background-color:#232526; color:silver; border-radius:5px; } -body.dark input:hover { color:white } -body.dark input:not([type=button]) { border-radius:0; } -body.dark input:not([type=button]):hover { border:blue solid 1px; } -body.dark input:not([type=button]):focus { border:blue solid 1px; outline:none; } -body.dark textarea { background-color:#232526; color:silver; } -body.dark table.content tr:hover { background-color:black; color:white; } -body.dark table.content th { background-color:black; } -body.dark table.content td:hover { background-color:black; } -body.dark table.content td.select { background-color:black; } -body.dark table.content.action td:last-child { background-color:black; } -body.dark tr.line:hover { background-color:black; } -body.dark tr.line.select { background-color:black; } -body.dark h1:hover { background-color:black; color:white; } -body.dark h2:hover { background-color:black; color:white; } -body.dark h3:hover { background-color:black; color:white; } -body.dark div.item:hover { background-color:#232526; color:white; } -body.dark div.item.select { background-color:#232526; color:white; } -body.dark span.item:hover { background-color:black; color:white; } -body.dark span.item.select { background-color:black; color:white; } -body.dark div.action div.tabs:hover { background-color:#232526; color:white; } -body.dark div.action div.tabs.select { background-color:#232526; color:white; } -body.dark div.output { background-color:#232526; } -body.dark fieldset>div.status { border-top:gray solid 1px } -body.dark fieldset:not(.panel) { background-color:black; border-radius:10px; } -body.dark fieldset.panel:not(.main) { background-color:black; } -body.dark fieldset.panel:not(.main)>div.output { background-color:black; } -body.dark fieldset.input div.output { background-color:black; } -body.dark fieldset.input tr:hover { background-color:#232526; } -body.dark fieldset.input td:hover { background-color:#232526; } -body.dark div.float { background-color:black; } -body.dark div.carte div.item { background-color:black; } -body.dark div.carte div.item:hover { background-color:#232526; } -body.dark div.zone>div.item { background-color:black; } -body.dark div.zone>div.list>div.zone>div.item { background-color:black; } -body.dark div.tabs div { background-color:black } -body.dark div.tabs div:hover { background-color:#232526; color:white } -body.dark div.tabs div.select { background-color:#232526; color:white } -body.dark div.plug legend { background-color:#232526 } -body.dark div.plug legend.select { background-color:black; } -body.dark div.complete>table { background-color:black; } +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-radius:5px; + --input-border:blue solid 1px; + --status-border:gray solid 1px; + --output-bg-color:var(--input-bg-color); + + --plugin-radius:var(--input-radius); + --plugin-bg-color:var(--body-bg-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-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); +} diff --git a/src/template/web.chat.header/light.css b/src/template/web.chat.header/light.css index 2a5fc64c..5a5dcf72 100644 --- a/src/template/web.chat.header/light.css +++ b/src/template/web.chat.header/light.css @@ -1,54 +1,33 @@ -body.light { background-color:#4a566e; } -body.light.cmd { background-color:white; } -body.light legend { background-color:lightsteelblue; border-radius:5px; } -body.light select { border-radius:5px; } -body.light input { background-color:white; border-radius:5px; } -body.light input:not([type=button]) { border-radius:0; } -body.light input:not([type=button]):hover { border:blue solid 1px; } -body.light input:not([type=button]):focus { border:blue solid 1px; outline:none; } -body.light table.content tr:hover { background-color:aliceblue; } -body.light table.content th { background-color:aliceblue; } -body.light table.content td:hover { background-color:aliceblue; } -body.light table.content td.select { background-color:aliceblue; } -body.light table.content.action td:last-child { background-color:aliceblue; } -body.light tr.line:hover { background-color:aliceblue; } -body.light tr.line.select { background-color:aliceblue; } -body.light h1:hover { background-color:aliceblue; } -body.light h2:hover { background-color:aliceblue; } -body.light h3:hover { background-color:aliceblue; } -body.light div.item:hover { background-color:aliceblue; } -body.light div.item.select { background-color:aliceblue; } -body.light span.item:hover { background-color:aliceblue; } -body.light span.item.select { background-color:aliceblue; } -body.light form.option div.item:hover { background-color:white; } -body.light form.option div.item.select { background-color:white; } -body.light div.action div.tabs:hover { background-color:white; } -body.light div.action div.tabs.select { background-color:white; } -body.light div.output { background-color:white; } -body.light fieldset>div.status { border-top:transparent solid 1px; } -body.light fieldset:not(.panel):not(.cmd) { background-color:aliceblue; color:black; border-radius:10px; } -body.light fieldset.panel:not(.main) { background-color:#4a566e; color:#d0d3da; } -body.light fieldset.panel:not(.main)>div.output { background-color:#4a566e; color:#d0d3da; } -body.light fieldset.panel:not(.main)>div.output fieldset>div.output { color:black; } -body.light fieldset.panel:not(.main)>div.output div.state:hover { background-color:#2b3446; color:white; } -body.light fieldset.panel:not(.main)>div.output div.title:hover { background-color:#2b3446; color:white; } -body.light fieldset.panel:not(.main)>div.output div.menu:hover { background-color:#2b3446; color:white; } -body.light fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:#2b3446; color:white; } -body.light fieldset.panel:not(.main):not(.auto) div.item.select { background-color:#2b3446; color:white; } -body.light fieldset.panel:not(.main):not(.auto) input { background-color:#6b7488; color:white; border-radius:5px; } -body.light fieldset.panel:not(.main)>div.output>div.item>input::placeholder { background-color:#6b7488; color:#d0d3da; } -body.light fieldset.panel:not(.main) label { color:#d0d3da; } -body.light fieldset.input div.output { background-color:aliceblue; } -body.light fieldset.input tr:hover { background-color:white; } -body.light fieldset.input td:hover { background-color:white; } -body.light div.float { background-color:aliceblue; } -body.light div.carte div.item { background-color:aliceblue; } -body.light div.carte div.item:hover { background-color:white; } -body.light div.zone>div.item { background-color:aliceblue; } -body.light div.zone>div.list>div.zone>div.item { background-color:aliceblue; } -body.light div.tabs div { background-color:aliceblue; } -body.light div.tabs div:hover { background-color:white; } -body.light div.tabs div.select { background-color:white; } -body.light div.plug legend { background-color:white } -body.light div.plug legend.select { background-color:aliceblue; } -body.light div.complete>table { background-color:aliceblue; } +body.light { + --body-bg-color:#4a566e; + --body-fg-color:black; + + --legend-bg-color:lightsteelblue; + --input-bg-color:white; + --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); + + --plugin-radius:10px; + --plugin-bg-color:aliceblue; + --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-bg-color:#2b3446; + --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: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); + --td-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 549fafab..0c0f5400 100644 --- a/src/template/web.chat.header/white.css +++ b/src/template/web.chat.header/white.css @@ -1,16 +1,32 @@ -body.white { background-color:white; color:black; } -body.white legend { background-color:#ffffffc2; } -body.white input { background-color:#ffffff7d; color:black; } -body.white textarea { background-color:#ffffff7d; color:black; } -body.white div.item:hover { background-color:aliceblue; } -body.white div.item.select { background-color:aliceblue; } -body.white table.content tr:hover { background-color:skyblue; } -body.white table.content th { background-color:skyblue; } -body.white table.content td:hover { background-color:skyblue; } -body.white table.content.action td:last-child { background-color:skyblue; } -body.white fieldset:not(.panel):not(.float):not(.full) { background-color:#ffffffa1; } -body.white fieldset.float { background-color:aliceblue; } -body.white fieldset.full { background-color:aliceblue; } -body.white div.float { background-color:aliceblue; } -body.white fieldset.panel.River:not(.main):not(.auto) div.item:hover { background-color:#243783bd; } -body.white fieldset.panel.River:not(.main):not(.auto) div.item.select { background-color:#243783bd; } +body.white { + --body-bg-color:white; + --body-fg-color:black; + + --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-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); }