simcop2387/text-generation-webui-mirror
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2025-06-08 14:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity

UI: Multiple small style improvements (light/dark themes)

Browse source
This commit is contained in:
oobabooga 2025-05-06 14:02:01 -07:00
parent c4f36db0d8
commit e4fb2475d2
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/html_instruct_style.css
View file

@ -66,7 +66,7 @@
.chat .user-message .text, .chat .user-message .text,
.chat .assistant-message .text { .chat .assistant-message .text {
max-width: 645px; max-width: 700px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

22
css/main.css
View file

@ -545,7 +545,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
border-radius: 5px; border-radius: 5px;
font-size: 82%; font-size: 82%;
padding: 1px 3px; padding: 1px 3px;
background: white !important; background: #f3f4f6 !important;
color: #1f2328; color: #1f2328;
} }
@ -559,18 +559,17 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
padding: 15px; padding: 15px;
} }
.message-body :not(pre) > code::before {
content: "`";
}
.message-body :not(pre) > code::after {
content: "`";
}
.message-body :not(pre) > code { .message-body :not(pre) > code {
white-space: normal !important; white-space: normal !important;
font-weight: bold; font-weight: bold;
font-family: unset; font-size: 0.95em;
font-family: Menlo,"Roboto Mono","Courier New",Courier,monospace,Inter,sans-serif;
padding: .15rem .3rem;
background-color: #ececec;
}
.dark .message-body :not(pre) > code {
background-color: rgb(255 255 255 / 12.5%);
} }
#chat-input { #chat-input {
@ -584,6 +583,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
background: #f3f4f6; background: #f3f4f6;
padding: 0.65rem 2.5rem; padding: 0.65rem 2.5rem;
border: 0; border: 0;
box-shadow: 0;
} }
#chat-input textarea::placeholder { #chat-input textarea::placeholder {
@ -759,7 +759,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
} }
.hover-menu button:hover { .hover-menu button:hover {
background: var(--button-secondary-background-fill-hover) !important; background: #dbeafe !important;
} }
.dark .hover-menu button:hover { .dark .hover-menu button:hover {