OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

enh: high contrast mode

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2025-05-16 17:06:21 +04:00
parent 2450f2c5d8
commit 0b761776c4
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/lib/components/chat/Settings/Interface.svelte
View File

@ -32,6 +32,8 @@
let notificationSound = true; let notificationSound = true;
let notificationSoundAlways = false; let notificationSoundAlways = false;
let highContrastMode = false;
let detectArtifacts = true; let detectArtifacts = true;
let richTextInput = true; let richTextInput = true;
@ -85,6 +87,11 @@
saveSettings({ splitLargeChunks: splitLargeChunks }); saveSettings({ splitLargeChunks: splitLargeChunks });
}; };
const toggleHighContrastMode = async () => {
highContrastMode = !highContrastMode;
saveSettings({ highContrastMode: highContrastMode });
};
const togglePromptAutocomplete = async () => { const togglePromptAutocomplete = async () => {
promptAutocomplete = !promptAutocomplete; promptAutocomplete = !promptAutocomplete;
saveSettings({ promptAutocomplete: promptAutocomplete }); saveSettings({ promptAutocomplete: promptAutocomplete });
@ -370,6 +377,28 @@
<div> <div>
<div class=" mb-1.5 text-sm font-medium">{$i18n.t('UI')}</div> <div class=" mb-1.5 text-sm font-medium">{$i18n.t('UI')}</div>
<div>
<div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs">
{$i18n.t('High Contrast Mode')} ({$i18n.t('Beta')})
</div>
<button
class="p-1 px-3 text-xs flex rounded-sm transition"
on:click={() => {
toggleHighContrastMode();
}}
type="button"
>
{#if highContrastMode === true}
<span class="ml-2 self-center">{$i18n.t('On')}</span>
{:else}
<span class="ml-2 self-center">{$i18n.t('Off')}</span>
{/if}
</button>
</div>
</div>
<div> <div>
<div class=" py-0.5 flex w-full justify-between"> <div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs">{$i18n.t('Landing Page Mode')}</div> <div class=" self-center text-xs">{$i18n.t('Landing Page Mode')}</div>