From 384a53b339820068e92f7eaea0d9f3e0536c19c2 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 13 Sep 2025 01:48:14 +0400
Subject: [PATCH] refac: styling

---
 .../components/admin/Settings/Database.svelte | 10 ------
 src/lib/components/chat/Chat.svelte           | 33 ++++++++-----------
 .../Personalization/AddMemoryModal.svelte     |  2 +-
 .../Personalization/EditMemoryModal.svelte    |  2 +-
 src/lib/components/common/Switch.svelte       |  2 +-
 .../workspace/common/ManifestModal.svelte     |  2 +-
 6 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/src/lib/components/admin/Settings/Database.svelte b/src/lib/components/admin/Settings/Database.svelte
index 9c0d148fe6..efcc30414a 100644
--- a/src/lib/components/admin/Settings/Database.svelte
+++ b/src/lib/components/admin/Settings/Database.svelte
@@ -233,14 +233,4 @@
 			{/if}
 		</div>
 	</div>
-
-	<!-- <div class="flex justify-end pt-3 text-sm font-medium">
-		<button
-			class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-lg"
-			type="submit"
-		>
-			{$i18n.t('Save')}
-		</button>
-
-	</div> -->
 </form>
diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index 92098c8520..b4e809f966 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -260,39 +260,34 @@
 
 		const model = atSelectedModel ?? $models.find((m) => m.id === selectedModels[0]);
 		if (model) {
+			// Set Default Tools
 			if (model?.info?.meta?.toolIds) {
 				selectedToolIds = [
 					...new Set(
 						[...(model?.info?.meta?.toolIds ?? [])].filter((id) => $tools.find((t) => t.id === id))
 					)
 				];
-			} else {
-				selectedToolIds = [];
 			}
 
+			// Set Default Filters
 			if (model?.info?.meta?.defaultFilterIds) {
-				console.log('model.info.meta.defaultFilterIds', model.info.meta.defaultFilterIds);
+				console.log(model);
 				selectedFilterIds = model.info.meta.defaultFilterIds;
-				console.log('selectedFilterIds', selectedFilterIds);
-			} else {
-				selectedFilterIds = [];
 			}
 
+			// Set Default Features
 			if (model?.info?.meta?.defaultFeatureIds) {
-				console.log('model.info.meta.defaultFeatureIds', model.info.meta.defaultFeatureIds);
-				imageGenerationEnabled = model.info.meta.defaultFeatureIds.includes('image_generation');
-				webSearchEnabled = model.info.meta.defaultFeatureIds.includes('web_search');
-				codeInterpreterEnabled = model.info.meta.defaultFeatureIds.includes('code_interpreter');
+				if (model.info?.meta?.capabilities?.['image_generation']) {
+					imageGenerationEnabled = model.info.meta.defaultFeatureIds.includes('image_generation');
+				}
 
-				console.log({
-					imageGenerationEnabled,
-					webSearchEnabled,
-					codeInterpreterEnabled
-				});
-			} else {
-				imageGenerationEnabled = false;
-				webSearchEnabled = false;
-				codeInterpreterEnabled = false;
+				if (model.info?.meta?.capabilities?.['web_search']) {
+					webSearchEnabled = model.info.meta.defaultFeatureIds.includes('web_search');
+				}
+
+				if (model.info?.meta?.capabilities?.['code_interpreter']) {
+					codeInterpreterEnabled = model.info.meta.defaultFeatureIds.includes('code_interpreter');
+				}
 			}
 		}
 	};
diff --git a/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte b/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
index 8c21b89627..9f52fd8c8d 100644
--- a/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/AddMemoryModal.svelte
@@ -76,7 +76,7 @@
 
 					<div class="flex justify-end pt-1 text-sm font-medium">
 						<button
-							class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-3xl flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte b/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
index be69bee0ab..9baa9ab27c 100644
--- a/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
+++ b/src/lib/components/chat/Settings/Personalization/EditMemoryModal.svelte
@@ -86,7 +86,7 @@
 
 					<div class="flex justify-end pt-1 text-sm font-medium">
 						<button
-							class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-3xl flex flex-row space-x-1 items-center {loading
+							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full {loading
 								? ' cursor-not-allowed'
 								: ''}"
 							type="submit"
diff --git a/src/lib/components/common/Switch.svelte b/src/lib/components/common/Switch.svelte
index 9d81883703..c04d9b2ef4 100644
--- a/src/lib/components/common/Switch.svelte
+++ b/src/lib/components/common/Switch.svelte
@@ -26,7 +26,7 @@
 		false)
 			? 'focus:outline focus:outline-2 focus:outline-gray-800 focus:dark:outline-gray-200'
 			: 'outline outline-1 outline-gray-100 dark:outline-gray-800'} {state
-			? ' bg-emerald-600'
+			? ' bg-emerald-500 dark:bg-emerald-700'
 			: 'bg-gray-200 dark:bg-transparent'}"
 	>
 		<Switch.Thumb
diff --git a/src/lib/components/workspace/common/ManifestModal.svelte b/src/lib/components/workspace/common/ManifestModal.svelte
index 813a9fad1f..78146ecfd1 100644
--- a/src/lib/components/workspace/common/ManifestModal.svelte
+++ b/src/lib/components/workspace/common/ManifestModal.svelte
@@ -61,7 +61,7 @@
 
 					<div class="flex justify-end pt-3 text-sm font-medium">
 						<button
-							class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-lg flex flex-row space-x-1 items-center"
+							class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
 							type="submit"
 						>
 							{$i18n.t('Done')}