liubin/ContextOS
1
0
Fork 0
forked from x/ContextOS
Code Pull Requests Activity

opt theme

Browse Source
This commit is contained in:
IT 老营长 @云轩领航-创始人 2023-08-28 13:47:29 +08:00
parent dccf40a6e5
commit d568180aa9
6 changed files with 43 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/template/web.chat.header/theme/black.css
View File

@ -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; }

7
src/template/web.chat.header/theme/blue.css Normal file
View File

@ -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);
}

34
src/template/web.chat.header/theme/dark.css
View File

@ -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);
}

43
src/template/web.chat.header/theme/light.css
View File

@ -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; }

6
src/template/web.chat.header/theme/silver.css Normal file
View File

@ -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);
}

25
src/template/web.chat.header/theme/white.css
View File

@ -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); }