diff --git a/frontend-modern/src/components/FirstRunSetup.tsx b/frontend-modern/src/components/FirstRunSetup.tsx
index c6155f902..3561a940e 100644
--- a/frontend-modern/src/components/FirstRunSetup.tsx
+++ b/frontend-modern/src/components/FirstRunSetup.tsx
@@ -256,7 +256,7 @@ IMPORTANT: Keep these credentials secure!
   };
 
   return (
-    <div class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center p-4">
+    <div class="min-h-screen bg-blue-50 dark:bg-gray-900 flex items-center justify-center p-4">
       <div class="w-full max-w-2xl">
         <Show when={props.showLegacyBanner}>
           <div class="mb-6 rounded-xl border border-amber-300 bg-amber-50/80 dark:border-amber-700 dark:bg-amber-900/40 p-4 text-amber-900 dark:text-amber-100">
diff --git a/frontend-modern/src/components/Login.tsx b/frontend-modern/src/components/Login.tsx
index 297312674..6e4a8817d 100644
--- a/frontend-modern/src/components/Login.tsx
+++ b/frontend-modern/src/components/Login.tsx
@@ -311,7 +311,7 @@ export const Login: Component<LoginProps> = (props) => {
     <Show
       when={!loadingAuth()}
       fallback={
-        <div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-cyan-50 dark:from-gray-900 dark:via-gray-800 dark:to-blue-900">
+        <div class="min-h-screen flex items-center justify-center bg-blue-50 dark:bg-gray-900">
           <div class="text-center">
             <div class="animate-spin h-12 w-12 border-4 border-blue-500 border-t-transparent rounded-full mx-auto mb-4"></div>
             <p class="text-gray-600 dark:text-gray-400">Checking authentication...</p>
@@ -346,7 +346,7 @@ export const Login: Component<LoginProps> = (props) => {
       >
         <Suspense
           fallback={
-            <div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-cyan-50 dark:from-gray-900 dark:via-gray-800 dark:to-blue-900">
+            <div class="min-h-screen flex items-center justify-center bg-blue-50 dark:bg-gray-900">
               <div class="text-center">
                 <div class="animate-spin h-12 w-12 border-4 border-blue-500 border-t-transparent rounded-full mx-auto mb-4"></div>
                 <p class="text-gray-600 dark:text-gray-400">Loading setup...</p>
@@ -408,13 +408,13 @@ const LoginForm: Component<{
   };
 
   return (
-    <div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-cyan-50 dark:from-gray-900 dark:via-gray-800 dark:to-blue-900 py-12 px-4 sm:px-6 lg:px-8">
+    <div class="min-h-screen flex items-center justify-center bg-blue-50 dark:bg-gray-900 py-12 px-4 sm:px-6 lg:px-8">
       <div class="max-w-md w-full space-y-8">
         {/* Demo Credentials Banner */}
         <Show when={isDemoServer()}>
           <div class="bg-white/80 dark:bg-gray-800/80 backdrop-blur-lg rounded-lg p-4 shadow-xl border border-blue-200 dark:border-blue-800 animate-fade-in">
             <div class="flex items-center gap-3">
-              <div class="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-r from-blue-600 to-cyan-600 flex items-center justify-center">
+              <div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center">
                 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
                 </svg>
@@ -432,7 +432,7 @@ const LoginForm: Component<{
         <div class="animate-fade-in">
           <div class="flex justify-center mb-8">
             <div class="relative group">
-              <div class="absolute -inset-1 bg-gradient-to-r from-blue-600 to-cyan-600 rounded-full blur opacity-25 group-hover:opacity-75 transition duration-1000 group-hover:duration-200 animate-pulse-slow"></div>
+              <div class="absolute -inset-1 bg-blue-600 rounded-full blur opacity-25 group-hover:opacity-75 transition duration-1000 group-hover:duration-200 animate-pulse-slow"></div>
               <img
                 src="/logo.svg"
                 alt="Pulse Logo"
@@ -441,7 +441,7 @@ const LoginForm: Component<{
             </div>
           </div>
 
-          <h2 class="mt-6 text-center text-4xl font-extrabold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent animate-fade-in delay-100 pb-1">
+          <h2 class="mt-6 text-center text-4xl font-extrabold text-blue-600 animate-fade-in delay-100 pb-1">
             Welcome to Pulse
           </h2>
 
@@ -698,7 +698,7 @@ const LoginForm: Component<{
               <button
                 type="submit"
                 disabled={loading()}
-                class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-lg text-white bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transform transition hover:scale-105 shadow-lg"
+                class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transform transition hover:scale-105 shadow-lg"
               >
                 <Show when={loading()}>
                   <svg
diff --git a/frontend-modern/src/components/SetupWizard/SetupWizard.tsx b/frontend-modern/src/components/SetupWizard/SetupWizard.tsx
index c6cbacb87..f49130273 100644
--- a/frontend-modern/src/components/SetupWizard/SetupWizard.tsx
+++ b/frontend-modern/src/components/SetupWizard/SetupWizard.tsx
@@ -107,7 +107,7 @@ export const SetupWizard: Component<SetupWizardProps> = (props) => {
 
     return (
         <div
-            class="min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900 flex flex-col"
+            class="min-h-screen bg-slate-900 flex flex-col"
             role="main"
             aria-label="Pulse Setup Wizard"
         >
diff --git a/frontend-modern/src/components/SetupWizard/steps/CompleteStep.tsx b/frontend-modern/src/components/SetupWizard/steps/CompleteStep.tsx
index f7a5d4725..1b3958344 100644
--- a/frontend-modern/src/components/SetupWizard/steps/CompleteStep.tsx
+++ b/frontend-modern/src/components/SetupWizard/steps/CompleteStep.tsx
@@ -206,7 +206,7 @@ Keep these credentials secure!
         <div class="text-center">
             {/* Success animation */}
             <div class="mb-5">
-                <div class="inline-flex items-center justify-center w-14 h-14 rounded-full bg-gradient-to-br from-green-500 to-emerald-600 shadow-xl shadow-green-500/30 mb-3">
+                <div class="inline-flex items-center justify-center w-14 h-14 rounded-full bg-green-500 shadow-xl shadow-green-500/30 mb-3">
                     <svg class="w-7 h-7 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
                     </svg>
@@ -443,7 +443,7 @@ Keep these credentials secure!
             {/* Launch button */}
             <button
                 onClick={props.onComplete}
-                class="w-full py-2.5 px-5 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white text-sm font-medium rounded-lg transition-all shadow-lg shadow-blue-500/25"
+                class="w-full py-2.5 px-5 bg-blue-500 hover:bg-blue-600 text-white text-sm font-medium rounded-lg transition-all shadow-lg shadow-blue-500/25"
             >
                 {connectedAgents().length > 0 ? 'Go to Dashboard' : 'Skip for Now'}
             </button>
diff --git a/frontend-modern/src/components/SetupWizard/steps/FeaturesStep.tsx b/frontend-modern/src/components/SetupWizard/steps/FeaturesStep.tsx
index 139ee84f4..cdbc59bae 100644
--- a/frontend-modern/src/components/SetupWizard/steps/FeaturesStep.tsx
+++ b/frontend-modern/src/components/SetupWizard/steps/FeaturesStep.tsx
@@ -98,7 +98,7 @@ export const FeaturesStep: Component<FeaturesStepProps> = (props) => {
                 ))}
 
                 {/* Assistant info box */}
-                <div class="bg-gradient-to-r from-purple-500/10 to-blue-500/10 border border-purple-400/20 rounded-xl p-4">
+                <div class="bg-purple-500/10 border border-purple-400/20 rounded-xl p-4">
                     <div class="flex items-start gap-3">
                         <div class="text-2xl">✨</div>
                         <div>
@@ -110,7 +110,7 @@ export const FeaturesStep: Component<FeaturesStepProps> = (props) => {
                                 • Predictive failure detection
                             </p>
                             <p class="text-white/40 text-xs mt-2">
-                                Requires API key configuration in Settings → Pulse Assistant after setup
+                                Requires API key configuration in Settings → AI after setup
                             </p>
                         </div>
                     </div>
@@ -128,7 +128,7 @@ export const FeaturesStep: Component<FeaturesStepProps> = (props) => {
                 <button
                     onClick={handleContinue}
                     disabled={isSaving()}
-                    class="flex-1 py-3 px-6 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 disabled:opacity-50 text-white font-medium rounded-xl transition-all"
+                    class="flex-1 py-3 px-6 bg-blue-500 hover:bg-blue-600 disabled:opacity-50 text-white font-medium rounded-xl transition-all"
                 >
                     {isSaving() ? 'Saving...' : 'Continue →'}
                 </button>
diff --git a/frontend-modern/src/components/SetupWizard/steps/SecurityStep.tsx b/frontend-modern/src/components/SetupWizard/steps/SecurityStep.tsx
index 9691d01ec..9b80ec61e 100644
--- a/frontend-modern/src/components/SetupWizard/steps/SecurityStep.tsx
+++ b/frontend-modern/src/components/SetupWizard/steps/SecurityStep.tsx
@@ -192,7 +192,7 @@ export const SecurityStep: Component<SecurityStepProps> = (props) => {
                 <button
                     onClick={handleSetup}
                     disabled={isSettingUp()}
-                    class="flex-1 py-3 px-6 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 disabled:opacity-50 text-white font-medium rounded-xl transition-all"
+                    class="flex-1 py-3 px-6 bg-blue-500 hover:bg-blue-600 disabled:opacity-50 text-white font-medium rounded-xl transition-all"
                 >
                     {isSettingUp() ? 'Setting up...' : 'Create Account →'}
                 </button>
diff --git a/frontend-modern/src/components/SetupWizard/steps/WelcomeStep.tsx b/frontend-modern/src/components/SetupWizard/steps/WelcomeStep.tsx
index ae2e156de..166bb7e06 100644
--- a/frontend-modern/src/components/SetupWizard/steps/WelcomeStep.tsx
+++ b/frontend-modern/src/components/SetupWizard/steps/WelcomeStep.tsx
@@ -80,7 +80,7 @@ export const WelcomeStep: Component<WelcomeStepProps> = (props) => {
         <div class="text-center">
             {/* Logo */}
             <div class="mb-8">
-                <div class="inline-flex items-center justify-center w-24 h-24 rounded-full bg-gradient-to-br from-blue-500 to-indigo-600 shadow-2xl shadow-blue-500/30 mb-6">
+                <div class="inline-flex items-center justify-center w-24 h-24 rounded-full bg-blue-500 shadow-2xl shadow-blue-500/30 mb-6">
                     <svg width="56" height="56" viewBox="0 0 256 256" class="text-white">
                         <circle class="fill-current opacity-20" cx="128" cy="128" r="122" />
                         <circle class="fill-none stroke-current" stroke-width="14" cx="128" cy="128" r="84" opacity="0.9" />
@@ -117,7 +117,7 @@ export const WelcomeStep: Component<WelcomeStepProps> = (props) => {
                     <button
                         onClick={handleUnlock}
                         disabled={isValidating() || !props.bootstrapToken.trim()}
-                        class="w-full mt-4 py-3 px-6 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed text-white font-medium rounded-xl transition-all shadow-lg shadow-blue-500/25"
+                        class="w-full mt-4 py-3 px-6 bg-blue-500 hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed text-white font-medium rounded-xl transition-all shadow-lg shadow-blue-500/25"
                     >
                         {isValidating() ? 'Validating...' : 'Continue →'}
                     </button>
@@ -127,7 +127,7 @@ export const WelcomeStep: Component<WelcomeStepProps> = (props) => {
             <Show when={props.isUnlocked}>
                 <button
                     onClick={props.onNext}
-                    class="py-4 px-8 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white text-lg font-medium rounded-xl transition-all shadow-lg shadow-blue-500/25"
+                    class="py-4 px-8 bg-blue-500 hover:bg-blue-600 text-white text-lg font-medium rounded-xl transition-all shadow-lg shadow-blue-500/25"
                 >
                     Get Started →
                 </button>