From 75b7a9cc6c64fb227813e8e248e0713f0e362809 Mon Sep 17 00:00:00 2001 From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com> Date: Wed, 13 May 2026 23:53:09 +0530 Subject: [PATCH] refactor: update UI components to enhance hover effects and color consistency --- .../[search_space_id]/buy-more/page.tsx | 2 +- .../[search_space_id]/logs/(manage)/page.tsx | 4 +- .../[search_space_id]/logs/loading.tsx | 2 +- .../[search_space_id]/team/team-content.tsx | 4 +- .../components/ApiKeyContent.tsx | 4 +- .../components/DesktopShortcutsContent.tsx | 4 +- .../components/MemoryContent.tsx | 2 +- .../components/ProfileContent.tsx | 2 +- .../components/PromptsContent.tsx | 2 +- surfsense_web/app/desktop/login/page.tsx | 43 ++++++++++++++++--- surfsense_web/app/globals.css | 4 +- .../agent-action-log/action-log-item.tsx | 2 +- .../assistant-ui/assistant-message.tsx | 6 +-- .../components/assistant-ui/chat-viewport.tsx | 2 +- .../assistant-ui/connector-popup.tsx | 2 +- .../components/connector-card.tsx | 6 +-- .../components/connector-dialog-header.tsx | 2 +- .../components/date-range-selector.tsx | 8 ++-- .../components/mcp-connect-form.tsx | 6 +-- .../components/obsidian-connect-form.tsx | 2 +- .../components/composio-drive-config.tsx | 6 +-- .../components/discord-config.tsx | 4 +- .../components/dropbox-config.tsx | 6 +-- .../components/google-drive-config.tsx | 6 +-- .../components/mcp-config.tsx | 2 +- .../components/onedrive-config.tsx | 6 +-- .../components/slack-config.tsx | 4 +- .../components/webcrawler-config.tsx | 2 +- .../views/connector-connect-view.tsx | 2 +- .../views/connector-edit-view.tsx | 4 +- .../views/indexing-configuration-view.tsx | 2 +- .../tabs/active-connectors-tab.tsx | 10 ++--- .../views/connector-accounts-list-view.tsx | 8 ++-- .../views/youtube-crawler-view.tsx | 4 +- .../assistant-ui/document-upload-popup.tsx | 2 +- .../assistant-ui/inline-citation.tsx | 2 +- .../assistant-ui/reasoning-message-part.tsx | 8 ++-- .../assistant-ui/revert-turn-button.tsx | 2 +- .../components/assistant-ui/thread-list.tsx | 6 +-- .../components/assistant-ui/thread.tsx | 26 +++++------ .../comment-item/comment-item.tsx | 2 +- .../comment-thread/comment-thread.tsx | 2 +- .../member-mention-item.tsx | 2 +- .../citation-panel/citation-panel.tsx | 4 +- .../components/documents/DocumentNode.tsx | 2 +- .../components/documents/DocumentsFilters.tsx | 10 ++--- .../components/documents/FolderNode.tsx | 2 +- .../documents/FolderPickerDialog.tsx | 4 +- .../components/documents/version-history.tsx | 2 +- .../components/editor-panel/editor-panel.tsx | 4 +- .../components/inference-params-editor.tsx | 2 +- .../layout/ui/right-panel/RightPanel.tsx | 4 +- .../ui/sidebar/AllPrivateChatsSidebar.tsx | 4 +- .../ui/sidebar/AllSharedChatsSidebar.tsx | 4 +- .../ui/sidebar/DesktopLocalTabContent.tsx | 12 +++--- .../layout/ui/sidebar/DocumentsSidebar.tsx | 26 +++++------ .../layout/ui/sidebar/InboxSidebar.tsx | 4 +- .../ui/sidebar/LocalFilesystemBrowser.tsx | 4 +- .../ui/sidebar/SidebarCollapseButton.tsx | 2 +- .../layout/ui/sidebar/SidebarSection.tsx | 2 +- .../layout/ui/sidebar/SidebarUserProfile.tsx | 8 ++-- .../components/new-chat/chat-share-button.tsx | 4 +- .../components/new-chat/model-selector.tsx | 14 +++--- .../components/new-chat/prompt-picker.tsx | 2 +- .../prompt-kit/chain-of-thought.tsx | 2 +- .../components/report-panel/report-panel.tsx | 10 ++--- .../components/search-space-form.tsx | 2 +- .../settings/agent-model-manager.tsx | 4 +- .../settings/general-settings-manager.tsx | 2 +- .../settings/image-model-manager.tsx | 4 +- .../settings/more-pages-content.tsx | 2 +- .../settings/prompt-config-manager.tsx | 2 +- .../components/settings/roles-manager.tsx | 10 ++--- .../components/settings/settings-dialog.tsx | 4 +- .../settings/team-memory-manager.tsx | 2 +- .../settings/vision-model-manager.tsx | 4 +- .../components/shared/llm-config-form.tsx | 6 +-- .../components/sources/DocumentUploadTab.tsx | 10 ++--- .../components/sources/FolderWatchDialog.tsx | 4 +- .../tool-ui/citation/citation-list.tsx | 8 ++-- .../components/tool-ui/citation/citation.tsx | 4 +- .../components/tool-ui/generate-podcast.tsx | 2 +- .../components/tool-ui/generate-report.tsx | 2 +- .../components/tool-ui/generate-resume.tsx | 2 +- .../components/tool-ui/plan/plan.tsx | 2 +- .../components/tool-ui/sandbox-execute.tsx | 2 +- surfsense_web/components/ui/dialog.tsx | 2 +- surfsense_web/components/ui/sheet.tsx | 2 +- .../chat-messages/timeline/timeline.tsx | 2 +- .../fallback/default-fallback-card.tsx | 2 +- 90 files changed, 237 insertions(+), 208 deletions(-) diff --git a/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx index 0c5662712..d5f1d0539 100644 --- a/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx +++ b/surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx @@ -34,7 +34,7 @@ export default function BuyMorePage() { "flex-1 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", activeTab === tab.id ? "bg-background text-foreground shadow-sm" - : "text-muted-foreground hover:text-foreground" + : "text-muted-foreground hover:text-accent-foreground" )} > {tab.label} diff --git a/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx index c5be2b590..3e1d42eb0 100644 --- a/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx +++ b/surfsense_web/app/dashboard/[search_space_id]/logs/(manage)/page.tsx @@ -739,7 +739,7 @@ function LogsFilters({ {Boolean(filterInput) && ( ) : ( diff --git a/surfsense_web/app/globals.css b/surfsense_web/app/globals.css index 76e3eea8c..48ba10cac 100644 --- a/surfsense_web/app/globals.css +++ b/surfsense_web/app/globals.css @@ -18,7 +18,7 @@ --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); + --popover: oklch(0.99 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); @@ -62,7 +62,7 @@ --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.145 0 0); + --popover: oklch(0.32 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); diff --git a/surfsense_web/components/agent-action-log/action-log-item.tsx b/surfsense_web/components/agent-action-log/action-log-item.tsx index 673189709..f951cd5da 100644 --- a/surfsense_web/components/agent-action-log/action-log-item.tsx +++ b/surfsense_web/components/agent-action-log/action-log-item.tsx @@ -77,7 +77,7 @@ export function ActionLogItem({ action, threadId, onRevertSuccess }: ActionLogIt @@ -145,7 +145,7 @@ export const DateRangeSelector: FC = ({ variant="outline" size="sm" onClick={handleLast30Days} - className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-slate-400/10 dark:hover:bg-slate-400/10" + className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-accent hover:text-accent-foreground" > Last 30 Days @@ -155,7 +155,7 @@ export const DateRangeSelector: FC = ({ variant="outline" size="sm" onClick={handleNext30Days} - className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-slate-400/10 dark:hover:bg-slate-400/10" + className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-accent hover:text-accent-foreground" > Next 30 Days @@ -165,7 +165,7 @@ export const DateRangeSelector: FC = ({ variant="outline" size="sm" onClick={handleLastYear} - className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-slate-400/10 dark:hover:bg-slate-400/10" + className="text-xs sm:text-sm bg-slate-400/5 dark:bg-slate-400/5 border-slate-400/20 hover:bg-accent hover:text-accent-foreground" > Last Year diff --git a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx index d9a740af2..3ca813af0 100644 --- a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx +++ b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx @@ -155,7 +155,7 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) type="button" variant="ghost" size="sm" - className="h-6 px-2 text-xs text-muted-foreground hover:text-foreground" + className="h-6 px-2 text-xs text-muted-foreground hover:text-accent-foreground" onClick={() => handleConfigChange(DEFAULT_STDIO_CONFIG)} > Local Example @@ -164,7 +164,7 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) type="button" variant="ghost" size="sm" - className="h-6 px-2 text-xs text-muted-foreground hover:text-foreground" + className="h-6 px-2 text-xs text-muted-foreground hover:text-accent-foreground" onClick={() => handleConfigChange(DEFAULT_HTTP_CONFIG)} > Remote Example @@ -210,7 +210,7 @@ export const MCPConnectForm: FC = ({ onSubmit, isSubmitting }) onClick={handleTestConnection} disabled={isTesting} variant="secondary" - className="w-full h-8 text-[13px] px-3 rounded-lg font-medium bg-white text-slate-700 hover:bg-slate-50 border-0 shadow-xs dark:bg-secondary dark:text-secondary-foreground dark:hover:bg-secondary/80" + className="w-full h-8 text-[13px] px-3 rounded-lg font-medium bg-white text-slate-700 hover:bg-accent hover:text-accent-foreground border-0 shadow-xs dark:bg-secondary dark:text-secondary-foreground" > {isTesting ? ( <> diff --git a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx index ecbb09fae..59de2b7a4 100644 --- a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx +++ b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx @@ -123,7 +123,7 @@ export const ObsidianConnectForm: FC = ({ onBack }) => { variant="ghost" size="icon" onClick={copyToClipboard} - className="size-7 shrink-0 text-muted-foreground hover:text-foreground" + className="size-7 shrink-0 text-muted-foreground hover:text-accent-foreground" aria-label={copied ? "Copied" : "Copy API key"} > {copied ? ( diff --git a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/composio-drive-config.tsx b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/composio-drive-config.tsx index c08011bb5..8e92af44b 100644 --- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/composio-drive-config.tsx +++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/composio-drive-config.tsx @@ -199,7 +199,7 @@ export const ComposioDriveConfig: FC = ({ connector, onCon diff --git a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-connect-view.tsx b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-connect-view.tsx index 5b82a8e88..ddd08e749 100644 --- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-connect-view.tsx +++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-connect-view.tsx @@ -93,7 +93,7 @@ export const ConnectorConnectView: FC = ({ @@ -329,7 +329,7 @@ const PendingScreenImageStrip: FC = () => { @@ -363,7 +363,7 @@ const ClipboardChip: FC<{ text: string; onDismiss: () => void }> = ({ text, onDi @@ -890,7 +890,7 @@ const ComposerAction: FC = ({ isBlockedByOtherUser = false )} diff --git a/surfsense_web/components/documents/DocumentNode.tsx b/surfsense_web/components/documents/DocumentNode.tsx index 795c694c9..f6da88e55 100644 --- a/surfsense_web/components/documents/DocumentNode.tsx +++ b/surfsense_web/components/documents/DocumentNode.tsx @@ -144,7 +144,7 @@ export const DocumentNode = React.memo(function DocumentNode({ tabIndex={0} ref={attachRef} className={cn( - "group flex h-8 w-full items-center gap-2.5 rounded-md px-1 text-sm hover:bg-accent/50 cursor-pointer select-none text-left", + "group flex h-8 w-full items-center gap-2.5 rounded-md px-1 text-sm hover:bg-accent hover:text-accent-foreground cursor-pointer select-none text-left", isMentioned && "bg-accent/30", isDragging && "opacity-40" )} diff --git a/surfsense_web/components/documents/DocumentsFilters.tsx b/surfsense_web/components/documents/DocumentsFilters.tsx index 1a1784b12..06be4a55c 100644 --- a/surfsense_web/components/documents/DocumentsFilters.tsx +++ b/surfsense_web/components/documents/DocumentsFilters.tsx @@ -84,7 +84,7 @@ export function DocumentsFilters({ { e.preventDefault(); onCreateFolder(); @@ -109,7 +109,7 @@ export function DocumentsFilters({ "disabled:pointer-events-none disabled:opacity-50", aiSortEnabled ? "bg-accent text-accent-foreground hover:bg-accent" - : "text-muted-foreground hover:bg-muted/80 hover:text-foreground" + : "text-muted-foreground hover:bg-accent hover:text-accent-foreground" )} onClick={(e) => { e.preventDefault(); @@ -143,7 +143,7 @@ export function DocumentsFilters({ {activeTypes.length > 0 && ( @@ -189,7 +189,7 @@ export function DocumentsFilters({ aria-selected={activeTypes.includes(value)} tabIndex={0} key={value} - className="flex w-full items-center gap-2.5 py-2 px-3 rounded-md hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors cursor-pointer text-left" + className="flex w-full items-center gap-2.5 py-2 px-3 rounded-md hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer text-left" onClick={() => onToggleType(value, !activeTypes.includes(value))} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { @@ -261,7 +261,7 @@ export function DocumentsFilters({ onClick={handleUpload} variant="outline" size="sm" - className="h-8 shrink-0 gap-1.5 border-0 bg-white text-gray-700 shadow-none hover:bg-gray-50 dark:bg-white dark:text-gray-800 dark:hover:bg-gray-100" + className="h-8 shrink-0 gap-1.5 border-0 bg-white text-gray-700 shadow-none hover:bg-accent hover:text-accent-foreground dark:bg-white dark:text-gray-800" > Upload diff --git a/surfsense_web/components/documents/FolderNode.tsx b/surfsense_web/components/documents/FolderNode.tsx index 9fda7ac0e..2506713a4 100644 --- a/surfsense_web/components/documents/FolderNode.tsx +++ b/surfsense_web/components/documents/FolderNode.tsx @@ -260,7 +260,7 @@ export const FolderNode = React.memo(function FolderNode({ role="button" tabIndex={0} className={cn( - "group relative flex h-8 items-center gap-1 rounded-md px-1 text-sm hover:bg-accent/50 cursor-pointer select-none", + "group relative flex h-8 items-center gap-1 rounded-md px-1 text-sm hover:bg-accent hover:text-accent-foreground cursor-pointer select-none", isExpanded && "font-medium", isDragging && "opacity-40", isOver && canDrop && dropZone === "middle" && "bg-accent ring-1 ring-primary/40", diff --git a/surfsense_web/components/documents/FolderPickerDialog.tsx b/surfsense_web/components/documents/FolderPickerDialog.tsx index cb97caa62..3359f7499 100644 --- a/surfsense_web/components/documents/FolderPickerDialog.tsx +++ b/surfsense_web/components/documents/FolderPickerDialog.tsx @@ -92,7 +92,7 @@ export function FolderPickerDialog({ className={cn( "flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-sm transition-colors", isSelected && "bg-accent text-accent-foreground", - !isSelected && !isDisabled && "hover:bg-accent/50", + !isSelected && !isDisabled && "hover:bg-accent hover:text-accent-foreground", isDisabled && "cursor-not-allowed opacity-40" )} style={{ paddingLeft: `${depth * 16 + 8}px` }} @@ -148,7 +148,7 @@ export function FolderPickerDialog({ className={cn( "flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-sm transition-colors", selectedId === null && "bg-accent text-accent-foreground", - selectedId !== null && "hover:bg-accent/50" + selectedId !== null && "hover:bg-accent hover:text-accent-foreground" )} onClick={() => setSelectedId(null)} > diff --git a/surfsense_web/components/documents/version-history.tsx b/surfsense_web/components/documents/version-history.tsx index ba6f368cd..453c02817 100644 --- a/surfsense_web/components/documents/version-history.tsx +++ b/surfsense_web/components/documents/version-history.tsx @@ -185,7 +185,7 @@ function VersionHistoryPanel({ documentId }: { documentId: number }) { "flex items-center gap-2 rounded-lg px-3 py-2.5 text-left transition-colors focus:outline-none focus-visible:outline-none w-full", selectedVersion === v.version_number ? "bg-accent text-accent-foreground" - : "text-muted-foreground hover:bg-accent/50 hover:text-foreground" + : "text-muted-foreground hover:bg-accent hover:text-accent-foreground" )} >
diff --git a/surfsense_web/components/editor-panel/editor-panel.tsx b/surfsense_web/components/editor-panel/editor-panel.tsx index 224f0b6a4..d2dbd2127 100644 --- a/surfsense_web/components/editor-panel/editor-panel.tsx +++ b/surfsense_web/components/editor-panel/editor-panel.tsx @@ -456,9 +456,9 @@ export function EditorPanelContent({ variant="ghost" size="icon" onClick={onClose} - className="h-8 w-8 rounded-full shrink-0" + className="h-8 w-8 rounded-full shrink-0 text-muted-foreground hover:text-accent-foreground" > - + Close editor panel
diff --git a/surfsense_web/components/inference-params-editor.tsx b/surfsense_web/components/inference-params-editor.tsx index c656c2020..64de39dd8 100644 --- a/surfsense_web/components/inference-params-editor.tsx +++ b/surfsense_web/components/inference-params-editor.tsx @@ -128,7 +128,7 @@ export default function InferenceParamsEditor({ params, setParams }: InferencePa {Object.entries(params).map(([key, val]) => ( - + {key} {val.toString()} diff --git a/surfsense_web/components/layout/ui/right-panel/RightPanel.tsx b/surfsense_web/components/layout/ui/right-panel/RightPanel.tsx index 8e2a5d1fe..027a25af3 100644 --- a/surfsense_web/components/layout/ui/right-panel/RightPanel.tsx +++ b/surfsense_web/components/layout/ui/right-panel/RightPanel.tsx @@ -69,7 +69,7 @@ function CollapseButton({ onClick }: { onClick: () => void }) { if (isKeyboardClick(event)) return; onClick(); }} - className="h-8 w-8 shrink-0 text-muted-foreground hover:text-muted-foreground hover:bg-accent" + className="h-8 w-8 shrink-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground" > Collapse panel @@ -114,7 +114,7 @@ export function RightPanelExpandButton() { if (isKeyboardClick(event)) return; startTransition(() => setCollapsed(false)); }} - className="h-8 w-8 shrink-0 -m-0.5 text-muted-foreground hover:text-muted-foreground hover:bg-accent" + className="h-8 w-8 shrink-0 -m-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground" > Expand panel diff --git a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx index 439c09017..e5bc0bd31 100644 --- a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx +++ b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx @@ -258,10 +258,10 @@ export function AllPrivateChatsSidebarContent({ )} diff --git a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx index ca28a421b..d6a25608e 100644 --- a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx +++ b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx @@ -257,10 +257,10 @@ export function AllSharedChatsSidebarContent({ )} diff --git a/surfsense_web/components/layout/ui/sidebar/DesktopLocalTabContent.tsx b/surfsense_web/components/layout/ui/sidebar/DesktopLocalTabContent.tsx index a66b7f216..3730f0e53 100644 --- a/surfsense_web/components/layout/ui/sidebar/DesktopLocalTabContent.tsx +++ b/surfsense_web/components/layout/ui/sidebar/DesktopLocalTabContent.tsx @@ -65,13 +65,13 @@ export function DesktopLocalTabContent({ return (
-
+
{localRootPaths.length > 0 ? (
setLocalSearch(e.target.value)} placeholder="Search local files" @@ -179,7 +179,7 @@ export function DesktopLocalTabContent({ {Boolean(localSearch) && ( )} @@ -1272,7 +1272,7 @@ function AuthenticatedDocumentsSidebarBase({ @@ -1720,10 +1720,10 @@ function AnonymousDocumentsSidebar({ )} @@ -1733,7 +1733,7 @@ function AnonymousDocumentsSidebar({ @@ -1762,7 +1762,7 @@ function AnonymousDocumentsSidebar({
{/* Connectors strip (gated) */} -
+
)} diff --git a/surfsense_web/components/layout/ui/sidebar/LocalFilesystemBrowser.tsx b/surfsense_web/components/layout/ui/sidebar/LocalFilesystemBrowser.tsx index 19c47d605..9184ed511 100644 --- a/surfsense_web/components/layout/ui/sidebar/LocalFilesystemBrowser.tsx +++ b/surfsense_web/components/layout/ui/sidebar/LocalFilesystemBrowser.tsx @@ -412,7 +412,7 @@ export function LocalFilesystemBrowser({ @@ -165,7 +165,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS @@ -923,7 +923,7 @@ export function ModelSelector({ isActive ? "bg-primary/10 text-primary" : isConfigured - ? "hover:bg-accent/60 text-muted-foreground hover:text-foreground" + ? "hover:bg-accent text-muted-foreground hover:text-accent-foreground" : "opacity-50 hover:opacity-80 hover:bg-accent/40 text-muted-foreground" )} > @@ -958,7 +958,7 @@ export function ModelSelector({ type="button" aria-label="Scroll providers down" onClick={() => scrollProviderSidebar("forward")} - className="flex h-4 w-4 items-center justify-center rounded-sm text-muted-foreground/90 hover:text-foreground hover:bg-accent/60 transition-colors" + className="flex h-4 w-4 items-center justify-center rounded-sm text-muted-foreground/90 hover:text-accent-foreground hover:bg-accent transition-colors" > @@ -1118,7 +1118,7 @@ export function ModelSelector({ )} diff --git a/surfsense_web/components/search-space-form.tsx b/surfsense_web/components/search-space-form.tsx index bcea48e3d..e87b36504 100644 --- a/surfsense_web/components/search-space-form.tsx +++ b/surfsense_web/components/search-space-form.tsx @@ -131,7 +131,7 @@ export function SearchSpaceForm({ >
diff --git a/surfsense_web/components/settings/agent-model-manager.tsx b/surfsense_web/components/settings/agent-model-manager.tsx index a0b700c2d..6f11a9ffe 100644 --- a/surfsense_web/components/settings/agent-model-manager.tsx +++ b/surfsense_web/components/settings/agent-model-manager.tsx @@ -130,7 +130,7 @@ export function AgentModelManager({ searchSpaceId }: AgentModelManagerProps) { @@ -277,7 +277,7 @@ export function AgentModelManager({ searchSpaceId }: AgentModelManagerProps) { variant="ghost" size="icon" onClick={() => openEditDialog(config)} - className="h-7 w-7 rounded-lg text-muted-foreground hover:text-foreground" + className="h-7 w-7 rounded-lg text-muted-foreground hover:text-accent-foreground" > diff --git a/surfsense_web/components/settings/general-settings-manager.tsx b/surfsense_web/components/settings/general-settings-manager.tsx index 75316a9cd..796746f75 100644 --- a/surfsense_web/components/settings/general-settings-manager.tsx +++ b/surfsense_web/components/settings/general-settings-manager.tsx @@ -176,7 +176,7 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager type="submit" variant="outline" disabled={!hasChanges || saving || !name.trim()} - className="relative gap-2 bg-white text-black hover:bg-neutral-100 dark:bg-white dark:text-black dark:hover:bg-neutral-200" + className="relative gap-2 bg-white text-black hover:bg-accent hover:text-accent-foreground dark:bg-white dark:text-black" > {t("general_save")} {saving && } diff --git a/surfsense_web/components/settings/image-model-manager.tsx b/surfsense_web/components/settings/image-model-manager.tsx index d4afa698b..e6c5f375e 100644 --- a/surfsense_web/components/settings/image-model-manager.tsx +++ b/surfsense_web/components/settings/image-model-manager.tsx @@ -133,7 +133,7 @@ export function ImageModelManager({ searchSpaceId }: ImageModelManagerProps) { @@ -369,7 +369,7 @@ export function ImageModelManager({ searchSpaceId }: ImageModelManagerProps) { variant="ghost" size="icon" onClick={() => openEditDialog(config)} - className="h-7 w-7 rounded-lg text-muted-foreground hover:text-foreground" + className="h-7 w-7 rounded-lg text-muted-foreground hover:text-accent-foreground" > diff --git a/surfsense_web/components/settings/more-pages-content.tsx b/surfsense_web/components/settings/more-pages-content.tsx index 5635c3314..a2a81fb8b 100644 --- a/surfsense_web/components/settings/more-pages-content.tsx +++ b/surfsense_web/components/settings/more-pages-content.tsx @@ -119,7 +119,7 @@ export function MorePagesContent() { disabled={task.completed || completeMutation.isPending} onClick={() => handleTaskClick(task)} asChild={!task.completed} - className="text-muted-foreground hover:text-foreground" + className="text-muted-foreground hover:text-accent-foreground" > {task.completed ? ( Done diff --git a/surfsense_web/components/settings/prompt-config-manager.tsx b/surfsense_web/components/settings/prompt-config-manager.tsx index 66fda9e38..6bc77faa2 100644 --- a/surfsense_web/components/settings/prompt-config-manager.tsx +++ b/surfsense_web/components/settings/prompt-config-manager.tsx @@ -183,7 +183,7 @@ export function PromptConfigManager({ searchSpaceId }: PromptConfigManagerProps) type="submit" variant="outline" disabled={!hasChanges || saving} - className="gap-2 bg-white text-black hover:bg-neutral-100 dark:bg-white dark:text-black dark:hover:bg-neutral-200" + className="gap-2 bg-white text-black hover:bg-accent hover:text-accent-foreground dark:bg-white dark:text-black" > {saving ? : null} {saving ? "Saving" : "Save Instructions"} diff --git a/surfsense_web/components/settings/roles-manager.tsx b/surfsense_web/components/settings/roles-manager.tsx index 335cfc8a9..eb049d8fa 100644 --- a/surfsense_web/components/settings/roles-manager.tsx +++ b/surfsense_web/components/settings/roles-manager.tsx @@ -415,7 +415,7 @@ function RolesContent({ @@ -467,7 +467,7 @@ function RolesContent({ role="button" tabIndex={0} aria-expanded={isExpanded} - className="flex items-center gap-4 p-4 transition-colors hover:bg-muted/30 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" + className="flex items-center gap-4 p-4 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" onClick={() => setExpandedRoleId(isExpanded ? null : role.id)} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { @@ -697,7 +697,7 @@ function PermissionsEditor({ role="button" tabIndex={0} aria-expanded={isExpanded} - className="flex items-center justify-between px-3 py-2.5 hover:bg-muted/40 transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" + className="flex items-center justify-between px-3 py-2.5 hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" onClick={() => toggleCategoryExpanded(category)} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { @@ -742,7 +742,7 @@ function PermissionsEditor({ key={perm.value} className={cn( "flex items-center justify-between gap-3 px-2.5 py-2 rounded-md transition-colors", - isSelected ? "bg-muted/60 hover:bg-muted/80" : "hover:bg-muted/40" + isSelected ? "bg-muted/60 hover:bg-accent hover:text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground" )} > @@ -367,7 +367,7 @@ export function VisionModelManager({ searchSpaceId }: VisionModelManagerProps) { variant="ghost" size="icon" onClick={() => openEditDialog(config)} - className="h-6 w-6 text-muted-foreground hover:text-foreground" + className="h-6 w-6 text-muted-foreground hover:text-accent-foreground" > diff --git a/surfsense_web/components/shared/llm-config-form.tsx b/surfsense_web/components/shared/llm-config-form.tsx index 580b7b027..3581ac302 100644 --- a/surfsense_web/components/shared/llm-config-form.tsx +++ b/surfsense_web/components/shared/llm-config-form.tsx @@ -409,7 +409,7 @@ export function LLMConfigForm({ diff --git a/surfsense_web/components/sources/DocumentUploadTab.tsx b/surfsense_web/components/sources/DocumentUploadTab.tsx index 3b22c0872..134680b49 100644 --- a/surfsense_web/components/sources/DocumentUploadTab.tsx +++ b/surfsense_web/components/sources/DocumentUploadTab.tsx @@ -457,7 +457,7 @@ export function DocumentUploadTab({ diff --git a/surfsense_web/components/tool-ui/citation/citation-list.tsx b/surfsense_web/components/tool-ui/citation/citation-list.tsx index 26066b66f..94737f142 100644 --- a/surfsense_web/components/tool-ui/citation/citation-list.tsx +++ b/surfsense_web/components/tool-ui/citation/citation-list.tsx @@ -176,7 +176,7 @@ function OverflowIndicator({ citations, count, variant, onNavigate }: OverflowIn "inline-flex items-center gap-1 rounded-md px-2 py-1", "bg-muted/60 text-sm tabular-nums", "transition-colors duration-150", - "hover:bg-muted", + "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none" )} > @@ -209,7 +209,7 @@ function OverflowIndicator({ citations, count, variant, onNavigate }: OverflowIn "flex items-center justify-center rounded-xl px-4 py-3", "border-border bg-card border border-dashed", "transition-colors duration-150", - "hover:border-foreground/25 hover:bg-muted/50", + "hover:border-foreground/25 hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none" )} > @@ -242,7 +242,7 @@ function OverflowItem({ citation, onClick }: OverflowItemProps) {