diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx index 21b965e7e..1998531a3 100644 --- a/frontend/src/pages/SettingsPage.tsx +++ b/frontend/src/pages/SettingsPage.tsx @@ -1,5 +1,5 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'; -import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer } from 'lucide-react'; +import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer, Cylinder } from 'lucide-react'; import { useTranslation } from 'react-i18next'; import { api } from '../api/client'; import type { AppSettings, AppSettingsUpdate, SmartPlug, SmartPlugStatus, NotificationProvider, NotificationTemplate, UpdateStatus } from '../api/client'; @@ -413,7 +413,7 @@ export function SettingsPage() { className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${ activeTab === 'general' ? 'text-bambu-green border-bambu-green' - : 'text-bambu-gray hover:text-white border-transparent' + : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent' }`} > General @@ -423,7 +423,7 @@ export function SettingsPage() { className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${ activeTab === 'plugs' ? 'text-bambu-green border-bambu-green' - : 'text-bambu-gray hover:text-white border-transparent' + : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent' }`} > @@ -439,7 +439,7 @@ export function SettingsPage() { className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${ activeTab === 'notifications' ? 'text-bambu-green border-bambu-green' - : 'text-bambu-gray hover:text-white border-transparent' + : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent' }`} > @@ -455,10 +455,10 @@ export function SettingsPage() { className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${ activeTab === 'filament' ? 'text-bambu-green border-bambu-green' - : 'text-bambu-gray hover:text-white border-transparent' + : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent' }`} > - + Filament