SimpleChatTCRV:UI theme simple cleanup

Use slight off white body background & make user input area whiter.

Allow button and input area to have rounded borders.

Also adjust the rounding wrt chat messages and popover menu btns.
This commit is contained in:
hanishkvc 2025-11-17 21:12:02 +05:30
parent 08d84ecd85
commit 9baece7c93
1 changed files with 12 additions and 1 deletions

View File

@ -3,6 +3,9 @@
* by Humans for All * by Humans for All
*/ */
body {
background-color: #f8f9fa;
}
#fullbody { #fullbody {
height: 98vh; height: 98vh;
} }
@ -40,7 +43,7 @@
border-style: solid; border-style: solid;
border-color: grey; border-color: grey;
border-width: thin; border-width: thin;
border-radius: 2px; border-radius: 0.5vmin;
display: flex; display: flex;
margin-bottom: 2vh; margin-bottom: 2vh;
/* box-shadow: 1px 1px 4px lightslategray; */ /* box-shadow: 1px 1px 4px lightslategray; */
@ -106,6 +109,8 @@
} }
#popover-chatmsg button { #popover-chatmsg button {
padding: 0; padding: 0;
border-radius: 0.5vmin;
border-color: lightgray;
} }
@ -133,11 +138,17 @@
flex-shrink: 1; flex-shrink: 1;
min-height: 40vh; min-height: 40vh;
} }
#user-in {
background-color: #ffffff;
padding: 1.6vmin 2vmin;
border-radius: 2.5vmin;
}
#user-in[data-role="TOOL.TEMP"] { #user-in[data-role="TOOL.TEMP"] {
background-color: lightyellow; background-color: lightyellow;
} }
button { button {
padding-inline: 2vmin; padding-inline: 2vmin;
border-radius: 2vmin;
} }
.sameline { .sameline {