From 29541cbb52659a8a6ee22d255f14e6d2f168a09b Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 11 Aug 2026 01:27:50 -0600
Subject: [PATCH] refac

---
 src/app.css                             | 7 +++++++
 src/lib/components/common/Switch.svelte | 6 ++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app.css b/src/app.css
index d315544e0f..e1dde4bb77 100644
--- a/src/app.css
+++ b/src/app.css
@@ -409,6 +409,13 @@ input[type='number'] {
 	outline: none;
 }
 
+/* unlayered, so it beats the outline-none utilities used across the app */
+:focus-visible,
+.ProseMirror:focus-visible {
+	outline: 2px solid theme(--color-blue-500);
+	outline-offset: 2px;
+}
+
 .ProseMirror p.is-editor-empty:first-child::before {
 	content: attr(data-placeholder);
 	float: left;
diff --git a/src/lib/components/common/Switch.svelte b/src/lib/components/common/Switch.svelte
index 6e36ea94fe..d3979a971f 100644
--- a/src/lib/components/common/Switch.svelte
+++ b/src/lib/components/common/Switch.svelte
@@ -38,10 +38,8 @@
 			aria-label={ariaLabel || undefined}
 			class="relative h-4 min-h-4 w-7 shrink-0 cursor-pointer rounded-full mx-[0.0625rem] transition-colors duration-150 disabled:cursor-not-allowed {($settings?.highContrastMode ??
 			false)
-				? 'focus:outline focus:outline-2 focus:outline-gray-800 focus:dark:outline-gray-200'
-				: 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400 dark:focus-visible:outline-gray-500'} {state
-				? 'bg-gray-900 dark:bg-white'
-				: 'bg-gray-300 dark:bg-gray-700'}"
+				? 'focus:outline focus:outline-2 focus:outline-gray-800! focus:dark:outline-gray-200!'
+				: ''} {state ? 'bg-gray-900 dark:bg-white' : 'bg-gray-300 dark:bg-gray-700'}"
 			onCheckedChange={async () => {
 				await tick();
 				dispatch('change', state);