From 5cd0b99ae07f8b3a06e0a81472398ed3a7267035 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 09:51:07 +0200 Subject: [PATCH 1/7] update toast contrast --- src/lib/components/layout/UpdateInfoToast.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/layout/UpdateInfoToast.svelte b/src/lib/components/layout/UpdateInfoToast.svelte index 81451be0b..7e41ad547 100644 --- a/src/lib/components/layout/UpdateInfoToast.svelte +++ b/src/lib/components/layout/UpdateInfoToast.svelte @@ -14,7 +14,7 @@
{$i18n.t(`A new version (v{{LATEST_VERSION}}) is now available.`, { From 41f64da0d6b883bc30afc47fd0044b86f828d4c2 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 09:51:38 +0200 Subject: [PATCH 2/7] update message input contrast --- src/lib/components/chat/MessageInput.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte index 9e5593ea9..26bc6e226 100644 --- a/src/lib/components/chat/MessageInput.svelte +++ b/src/lib/components/chat/MessageInput.svelte @@ -823,7 +823,7 @@ id="chat-input" dir="auto" bind:this={chatInputElement} - class="scrollbar-hidden bg-transparent dark:text-gray-100 outline-hidden w-full pt-3 px-1 resize-none" + class="scrollbar-hidden bg-transparent dark:text-gray-200 outline-hidden w-full pt-3 px-1 resize-none" placeholder={placeholder ? placeholder : $i18n.t('Send a Message')} bind:value={prompt} on:compositionstart={() => (isComposing = true)} From 43d0db5eeabc7607fc15f41ab156797ba23956b3 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 09:52:10 +0200 Subject: [PATCH 3/7] model selector contrast --- src/lib/components/chat/ModelSelector.svelte | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/lib/components/chat/ModelSelector.svelte b/src/lib/components/chat/ModelSelector.svelte index 9c57a15ba..be8dd83a1 100644 --- a/src/lib/components/chat/ModelSelector.svelte +++ b/src/lib/components/chat/ModelSelector.svelte @@ -114,7 +114,9 @@
{#if showSetDefault} -
+
{/if} From 5db783d67b17674716d4bc3afc322d8e8c29cc57 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 09:52:44 +0200 Subject: [PATCH 4/7] improve suggestions contrast --- src/lib/components/chat/Suggestions.svelte | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/lib/components/chat/Suggestions.svelte b/src/lib/components/chat/Suggestions.svelte index 5cf7567da..14d930401 100644 --- a/src/lib/components/chat/Suggestions.svelte +++ b/src/lib/components/chat/Suggestions.svelte @@ -64,7 +64,7 @@ } -
+
{#if filteredPrompts.length > 0} {$i18n.t('Suggested')} @@ -74,7 +74,7 @@
{$WEBUI_NAME} ‧ v{WEBUI_VERSION}
@@ -98,7 +98,7 @@ > {prompt.title[0]}
-
+
{prompt.title[1]}
{:else} @@ -107,7 +107,9 @@ > {prompt.content}
-
{$i18n.t('Prompt')}
+
+ {$i18n.t('Prompt')} +
{/if}
From b052b5ccedbf7ff5bd3da03b82cbe8140f3fa5d2 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 10:15:31 +0200 Subject: [PATCH 5/7] remove whitespace --- src/lib/components/chat/ModelSelector.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/chat/ModelSelector.svelte b/src/lib/components/chat/ModelSelector.svelte index be8dd83a1..f136d4cca 100644 --- a/src/lib/components/chat/ModelSelector.svelte +++ b/src/lib/components/chat/ModelSelector.svelte @@ -115,7 +115,7 @@ {#if showSetDefault}
From 90bcf45b7bbfcd6dd3d5f98e490ee02ad19665f5 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 10:24:09 +0200 Subject: [PATCH 6/7] placeholder contrast changed --- src/app.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/app.css b/src/app.css index 5cfdd8df0..b9c8752a2 100644 --- a/src/app.css +++ b/src/app.css @@ -314,7 +314,9 @@ input[type='number'] { .ProseMirror p.is-editor-empty:first-child::before { content: attr(data-placeholder); float: left; - color: #adb5bd; + /* Below color is from tailwind, and has the proper contrast + text-gray-600 from: https://tailwindcss.com/docs/color */ + color: #676767; pointer-events: none; @apply line-clamp-1 absolute; From 8eacd2657336c3b015633077d10e962ef8c5e1e5 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 14 May 2025 12:50:47 +0200 Subject: [PATCH 7/7] add placeholder dark mode --- src/app.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/app.css b/src/app.css index b9c8752a2..925b9c52d 100644 --- a/src/app.css +++ b/src/app.css @@ -322,6 +322,12 @@ input[type='number'] { @apply line-clamp-1 absolute; } +@media (prefers-color-scheme: dark) { + .ProseMirror p.is-editor-empty:first-child::before { + color: #757575; + } +} + .ai-autocompletion::after { color: #a0a0a0;