UI: improve the light theme a bit

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

View File

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

View File

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

View File

@ -43,6 +43,11 @@ theme = gr.themes.Default(
body_text_color_subdued='#484848',
background_fill_secondary='#eaeaea',
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():