diff --git a/client/contexts/DocsThemeContext.tsx b/client/contexts/DocsThemeContext.tsx
index 15661b80..778ac701 100644
--- a/client/contexts/DocsThemeContext.tsx
+++ b/client/contexts/DocsThemeContext.tsx
@@ -24,24 +24,24 @@ interface ThemeColors {
 }
 
 const professionalTheme: ThemeColors = {
-  background: "bg-gradient-to-br from-slate-50 via-blue-50/30 to-slate-50",
-  foreground: "text-slate-800",
-  sidebar: "bg-gradient-to-b from-slate-50/80 via-slate-50 to-blue-50/40",
-  sidebarText: "text-slate-600",
-  sidebarHover: "hover:bg-slate-100/50",
-  sidebarActive: "text-teal-600",
-  sidebarActiveBg: "bg-teal-50/60",
-  accent: "text-teal-600",
-  accentHover: "hover:text-teal-700",
-  border: "border-slate-200/70",
-  cardBg: "bg-white/60",
-  cardBorder: "border-slate-200/50",
-  buttonBg: "bg-teal-600",
+  background: "bg-gradient-to-br from-slate-50 via-slate-100/20 to-stone-50",
+  foreground: "text-slate-900",
+  sidebar: "bg-gradient-to-b from-white via-slate-50 to-slate-100/30",
+  sidebarText: "text-slate-700",
+  sidebarHover: "hover:bg-slate-100/60",
+  sidebarActive: "text-slate-800",
+  sidebarActiveBg: "bg-slate-200/40 border-l-2 border-slate-600",
+  accent: "text-slate-700",
+  accentHover: "hover:text-slate-900",
+  border: "border-slate-300/60",
+  cardBg: "bg-white/70",
+  cardBorder: "border-slate-300/50",
+  buttonBg: "bg-gradient-to-r from-slate-700 to-slate-600",
   buttonText: "text-white",
-  inputBg: "bg-white/80 border border-slate-200",
-  inputBorder: "border-slate-200",
-  headingColor: "text-slate-900",
-  textMuted: "text-slate-500",
+  inputBg: "bg-white border border-slate-300/70",
+  inputBorder: "border-slate-300",
+  headingColor: "text-slate-950",
+  textMuted: "text-slate-600",
 };
 
 const brandTheme: ThemeColors = {