mirror of
https://github.com/oobabooga/text-generation-webui.git
synced 2025-06-07 14:17:09 -04:00
Light theme improvement
This commit is contained in:
parent
6001d279c6
commit
967b70327e
2 changed files with 7 additions and 7 deletions
|
@ -42,7 +42,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat .user-message {
|
.chat .user-message {
|
||||||
background: #f5f5f5;
|
background: #f3f4f6;
|
||||||
padding: 1.5rem 1rem;
|
padding: 1.5rem 1rem;
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
12
css/main.css
12
css/main.css
|
@ -2,7 +2,7 @@
|
||||||
--darker-gray: #202123;
|
--darker-gray: #202123;
|
||||||
--dark-gray: #343541;
|
--dark-gray: #343541;
|
||||||
--light-gray: #444654;
|
--light-gray: #444654;
|
||||||
--light-theme-gray: #f3f4f6;
|
--light-theme-gray: #f9fbff;
|
||||||
--border-color-dark: #525252;
|
--border-color-dark: #525252;
|
||||||
--header-width: 112px;
|
--header-width: 112px;
|
||||||
--selected-item-color-dark: #32333e;
|
--selected-item-color-dark: #32333e;
|
||||||
|
@ -580,7 +580,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
|
||||||
}
|
}
|
||||||
|
|
||||||
#chat-input textarea {
|
#chat-input textarea {
|
||||||
background: var(--light-theme-gray);
|
background: #f3f4f6;
|
||||||
padding: 0.65rem 2.5rem;
|
padding: 0.65rem 2.5rem;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
@ -981,7 +981,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
|
||||||
|
|
||||||
#past-chats .selected,
|
#past-chats .selected,
|
||||||
#past-chats label:hover {
|
#past-chats label:hover {
|
||||||
background-color: rgb(224, 224, 224) !important;
|
background-color: #dbeafe !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#past-chats-buttons,
|
#past-chats-buttons,
|
||||||
|
@ -1123,8 +1123,8 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
|
||||||
border: 0 !important;
|
border: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark #past-chats .selected,
|
.dark gradio-app .gradio-container.gradio-container-4-37-2 .contain #past-chats .selected,
|
||||||
.dark #past-chats label:hover {
|
.dark gradio-app .gradio-container.gradio-container-4-37-2 .contain #past-chats label:hover {
|
||||||
background-color: var(--selected-item-color-dark) !important;
|
background-color: var(--selected-item-color-dark) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1161,7 +1161,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_bar button.selected {
|
.header_bar button.selected {
|
||||||
background: #E0E0E0;
|
background: #dbeafe;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chat-controls,
|
#chat-controls,
|
||||||
|
|
Loading…
Add table
Reference in a new issue