From cf0222efbce21efb937d597782f9182ca30f03a5 Mon Sep 17 00:00:00 2001 From: shy Date: Sat, 3 Feb 2024 17:56:51 +0800 Subject: [PATCH] opt theme --- src/template/web.chat.header/theme/black.css | 5 ++--- src/template/web.chat.header/theme/blue.css | 5 +---- src/template/web.chat.header/theme/dark.css | 4 +--- src/template/web.chat.header/theme/light.css | 10 ++++------ src/template/web.chat.header/theme/red.css | 5 +---- src/template/web.chat.header/theme/silver.css | 5 +---- src/template/web.chat.header/theme/white.css | 10 ++-------- src/template/web.chat.header/theme/yellow.css | 5 ++--- 8 files changed, 14 insertions(+), 35 deletions(-) diff --git a/src/template/web.chat.header/theme/black.css b/src/template/web.chat.header/theme/black.css index ae22c881..89ceec5a 100644 --- a/src/template/web.chat.header/theme/black.css +++ b/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); } diff --git a/src/template/web.chat.header/theme/blue.css b/src/template/web.chat.header/theme/blue.css index ad791194..b8e4d814 100644 --- a/src/template/web.chat.header/theme/blue.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/dark.css b/src/template/web.chat.header/theme/dark.css index f4fd01b3..c4a2d61e 100644 --- a/src/template/web.chat.header/theme/dark.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/light.css b/src/template/web.chat.header/theme/light.css index 7f613035..05594046 100644 --- a/src/template/web.chat.header/theme/light.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/red.css b/src/template/web.chat.header/theme/red.css index 4dc4ee10..fd4d502e 100644 --- a/src/template/web.chat.header/theme/red.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/silver.css b/src/template/web.chat.header/theme/silver.css index 1e81ff53..82fd17d8 100644 --- a/src/template/web.chat.header/theme/silver.css +++ b/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; } diff --git a/src/template/web.chat.header/theme/white.css b/src/template/web.chat.header/theme/white.css index 282c2e7d..730b143e 100644 --- a/src/template/web.chat.header/theme/white.css +++ b/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); } diff --git a/src/template/web.chat.header/theme/yellow.css b/src/template/web.chat.header/theme/yellow.css index f4af0511..ff8a1683 100644 --- a/src/template/web.chat.header/theme/yellow.css +++ b/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); }