Mirrors/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2024-11-25 17:29:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI: improve the light theme a bit

Browse Source
This commit is contained in:
oobabooga 2024-06-27 20:47:42 -07:00
parent 1da47f2ae6
commit da196707cf
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/html_instruct_style.css
View File

@ -49,7 +49,7 @@
.gradio-container .chat .assistant-message { .gradio-container .chat .assistant-message {
padding: 20px; padding: 20px;
background: var(--color-grey-200); background: #f4f4f4;
margin-top: 9px !important; margin-top: 9px !important;
margin-bottom: 12px !important; margin-bottom: 12px !important;
border-radius: 7px; border-radius: 7px;

4
css/main.css
View File

@ -95,7 +95,7 @@ gradio-app > :first-child {
} }
.header_bar { .header_bar {
background-color: #f7f7f7; background-color: #f4f4f4;
box-shadow: 0 0 3px rgba(22 22 22 / 35%); box-shadow: 0 0 3px rgba(22 22 22 / 35%);
margin-bottom: 0; margin-bottom: 0;
overflow-x: scroll; overflow-x: scroll;
@ -510,7 +510,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
#show-controls { #show-controls {
position: absolute; position: absolute;
height: 100%; height: 100%;
background-color: var(--background-fill-primary); background-color: transparent;
border: 0 !important; border: 0 !important;
border-radius: 0; border-radius: 0;
} }

5
modules/ui.py
View File

@ -43,6 +43,11 @@ theme = gr.themes.Default(
body_text_color_subdued='#484848', body_text_color_subdued='#484848',
background_fill_secondary='#eaeaea', background_fill_secondary='#eaeaea',
background_fill_primary='var(--neutral-50)', background_fill_primary='var(--neutral-50)',
body_background_fill="white",
block_background_fill="#f4f4f4",
body_text_color="#333",
button_secondary_background_fill="#f4f4f4",
button_secondary_border_color="var(--border-color-primary)"
) )
if Path("notification.mp3").exists(): if Path("notification.mp3").exists():